body > header > menu > li > button.save::before, body > div.dialog, body > div.toggleAreaModal, body > div.toggleAreaModal > div.preview > span, div.tab[data-name='support'] div.faq.loading, div.tab[data-name='support'] div.faq > div.suggestion.hidden, div.tab[data-name='support'] div.faq > div.suggestion > p, div.tab[data-name='support'] div.faq > div.suggestion > div.answer.hidden, div.tab[data-name='support'] div.suggestedAnswers, div.tab[data-name='support'] div.suggestedAnswers > div.suggestion.hidden, div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > div.answer.hidden, div.tab[data-name='premium'] > section[data-type='intro'] > div[data-type='licenseKey'], body::before, body::after {
  opacity: 0;
  pointer-events: none; }

body > div.dialog.visible, body > div.toggleAreaModal > div.preview > div:not(.fullHeight) ~ span, body.showModal > div.toggleAreaModal, div.tab[data-name='support'] div.faq > div.suggestion > p[data-type='answer'], div.tab[data-name='support'] div.suggestedAnswers.visible, div.tab[data-name='premium'] > section[data-type='intro'] > div.visible[data-type='licenseKey'], body.success::before, body.success::after, body.initLoading::before, body.loading::before {
  opacity: 1;
  pointer-events: auto; }

body > header > menu > li > button.save, body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > button, body > div.toggleAreaModal > p.buttons > a.save, div.tab[data-name='support'] section.form button[type="submit"], div.tab[data-name='premium'] > section[data-type='intro'] > a[data-type="premium"], body[data-type^='appearance'] > section#wrapper > main div.themeList > ul > li > div.caption > a, div.tab[data-name='support'] section.form div.upload, div.tab[data-name='export'] a.import, div.tab[data-name='export'] a.export, main button[type='submit'], a.button {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: 0;
  outline: 0;
  cursor: pointer;
  background: #666;
  color: #fff;
  padding: 6px 12px;
  font-weight: "%fontWeightMedium";
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  font-size: 100%;
  border-radius: 20px; }

body > header > menu > li > button.save, body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > button, body > div.toggleAreaModal > p.buttons > a.save, div.tab[data-name='support'] section.form button[type="submit"], div.tab[data-name='premium'] > section[data-type='intro'] > a[data-type="premium"] {
  background: #6494f4;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); }

@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 100.53096; }
  50% {
    stroke-dashoffset: 25.13274;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 100.53096;
    transform: rotate(450deg); } }

svg.loading {
  position: relative;
  display: block;
  width: 36px;
  height: 36px;
  animation: rotator 1.5s linear infinite; }
  svg.loading > circle {
    stroke-dasharray: 100.53096;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: #6494f4;
    animation: dash 1.5s ease-in-out infinite; }

body.dark svg.loading > circle {
  stroke: #666; }

body.highContrast:not(.dark) svg.loading > circle {
  stroke: #666; }

div.checkbox {
  position: relative;
  cursor: pointer; }
  div.checkbox > input[type='checkbox'] {
    display: none; }
  div.checkbox[data-style="default"] {
    width: 20px;
    height: 20px; }
    div.checkbox[data-style="default"]::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/22px;
      background-color: #666; }
    div.checkbox[data-style="default"]::before {
      transition: -webkit-mask 0.3s, background-color 0.3s; }
    div.checkbox[data-style="default"][data-type='checkbox']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox-inactive.svg); }
    div.checkbox[data-style="default"][data-type='radio']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-radio-inactive.svg); }
    div.checkbox[data-style="default"]::after {
      content: "";
      position: absolute;
      top: calc(50% - 1px);
      left: calc(50% - 1px);
      width: 2px;
      height: 2px;
      border-radius: 50%;
      pointer-events: none;
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
      transition: background 0.2s, box-shadow 0.2s, opacity 0.5s;
      opacity: 0.2; }
    div.checkbox[data-style="default"].focus::after, div.checkbox[data-style="default"].clicked::after {
      background: rgba(0, 0, 0, 0.5);
      box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.5); }
    div.checkbox[data-style="default"].clicked::after {
      opacity: 0; }
    div.checkbox[data-style="default"].active::before {
      background-color: #6494f4; }
    div.checkbox[data-style="default"].active[data-type='checkbox']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-checkbox.svg); }
    div.checkbox[data-style="default"].active[data-type='radio']::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-radio.svg); }
    div.checkbox[data-style="default"].active::after {
      box-shadow: 0 0 0 0 #6494f4; }
    div.checkbox[data-style="default"].active.focus::after, div.checkbox[data-style="default"].active.clicked::after {
      background: #6494f4;
      box-shadow: 0 0 0 20px #6494f4; }
  div.checkbox[data-style="switch"] {
    width: 32px;
    height: 14px;
    transition: padding-left 0.2s, opacity 0.2s; }
    div.checkbox[data-style="switch"]::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 14px;
      background: rgba(0, 0, 0, 0.2);
      transition: background 0.2s, opacity 0.2s; }
    div.checkbox[data-style="switch"]::after {
      content: "";
      position: relative;
      display: block;
      top: -3px;
      left: -3px;
      width: 20px;
      height: 20px;
      background-color: #fff;
      transition: background-color 0.2s;
      box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.4);
      border-radius: 50%; }
    div.checkbox[data-style="switch"].active {
      padding-left: 18px; }
      div.checkbox[data-style="switch"].active::before {
        opacity: 0.4; }
      div.checkbox[data-style="switch"].active::before, div.checkbox[data-style="switch"].active::after {
        background-color: #6494f4; }

html[dir='rtl'] div.checkbox[data-style="switch"] {
  transition: padding-right 0.2s, opacity 0.2s; }
  html[dir='rtl'] div.checkbox[data-style="switch"]::after {
    left: unset;
    right: -3px;
    box-shadow: -1px 1px 7px rgba(0, 0, 0, 0.4); }
  html[dir='rtl'] div.checkbox[data-style="switch"].active {
    padding-left: unset;
    padding-right: 18px; }

body.highContrast:not(.dark) div.checkbox[data-style="default"].active::before {
  background-color: #666; }

body.highContrast:not(.dark) div.checkbox[data-style="default"].active::after {
  box-shadow: 0 0 0 0 #666; }

body.highContrast:not(.dark) div.checkbox[data-style="default"].active.focus::after, body.highContrast:not(.dark) div.checkbox[data-style="default"].active.clicked::after {
  background: #666;
  box-shadow: 0 0 0 20px #666; }

body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::before, body.highContrast:not(.dark) div.checkbox[data-style="switch"].active::after {
  background-color: #666; }

body.dark div.checkbox[data-style="default"]::after {
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5); }

body.dark div.checkbox[data-style="default"].focus::after, body.dark div.checkbox[data-style="default"].clicked::after {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.5); }

body.dark div.checkbox[data-style="default"].active::before {
  background-color: #666; }

body.dark div.checkbox[data-style="default"].active::after {
  box-shadow: 0 0 0 0 #666; }

body.dark div.checkbox[data-style="default"].active.focus::after, body.dark div.checkbox[data-style="default"].active.clicked::after {
  background: #666;
  box-shadow: 0 0 0 20px #666; }

body.dark div.checkbox[data-style="switch"]::before {
  background: rgba(255, 255, 255, 0.15); }

body.dark div.checkbox[data-style="switch"]::after {
  background-color: #aaa; }

body.dark div.checkbox[data-style="switch"].active::before, body.dark div.checkbox[data-style="switch"].active::after {
  background-color: #fff; }

*, *::after, *::before {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

body, input, textarea, select, button {
  font-size: 14px;
  font-family: "%fontFamily", sans-serif;
  color: #666;
  font-weight: "%fontWeightNormal"; }

ul, menu {
  list-style: none; }

strong {
  font-weight: "%fontWeightBold"; }

a {
  color: #666;
  text-decoration: none; }

.scrollBox {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  outline: none;
  background-color: #ccc;
  -webkit-background-clip: text;
  transition: background-color 0.3s; }
  .scrollBox::-webkit-scrollbar {
    width: 14px;
    background: transparent; }
  .scrollBox::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 3px solid transparent;
    background-clip: content-box;
    background-color: inherit; }
  .scrollBox::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 20px; }
  .scrollBox.hideScrollbar {
    background-color: transparent !important; }

body.dark .scrollBox {
  background-color: #999; }

body > header {
  position: relative;
  width: 100%;
  height: 50px;
  z-index: 3; }
  body > header div#logo {
    position: absolute;
    top: 18px;
    left: 24px;
    z-index: 2; }
    body > header div#logo > span {
      position: relative;
      display: block;
      width: 64px;
      height: 64px;
      background: url(chrome-extension://__MSG_@@extension_id__/img/icon/icon.png) no-repeat center/40px;
      z-index: 3; }
    body > header div#logo::before, body > header div#logo::after {
      content: "";
      position: absolute;
      border-radius: 50%; }
    body > header div#logo::before {
      top: -4px;
      left: -4px;
      width: calc(100% + 8px);
      height: calc(100% + 8px);
      background: linear-gradient(45deg, #8741ed 0%, #00e5fd 100%);
      box-shadow: 0 6px 30px rgba(0, 0, 0, 0.4);
      z-index: 1; }
    body > header div#logo::after {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #322e2f;
      z-index: 2; }
  body > header > h1 {
    position: relative;
    display: inline-flex;
    font-size: 120%;
    padding: 0 30px 0 calc(250px + 55px);
    color: #ccc;
    background: #322e2f;
    line-height: 50px;
    font-weight: "%fontWeightMedium";
    border-bottom-right-radius: 20px; }
    body > header > h1::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/22px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg);
      background-color: #ccc; }
    body > header > h1::before {
      -webkit-mask-position-x: calc(250px + 15px); }
    body > header > h1::after {
      content: "";
      position: absolute;
      top: 40px;
      left: calc(250px - 10px);
      width: 50px;
      height: 50px;
      border-radius: 50%;
      border: 10px solid transparent;
      border-top-color: #322e2f;
      transform: rotateZ(-45deg);
      pointer-events: none; }
    body > header > h1 > span {
      cursor: pointer; }
      body > header > h1 > span + span {
        position: relative;
        margin-left: 24px; }
        body > header > h1 > span + span::before {
          content: "";
          position: absolute;
          top: 0;
          bottom: 0;
          margin: auto;
          left: -14px;
          width: 0;
          height: 0;
          border: 5px solid transparent;
          border-left-color: #aaa; }
      body > header > h1 > span:last-child {
        pointer-events: none; }
  body > header[data-type='dashboard'] > h1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-dashboard.svg);
    -webkit-mask-size: 22px; }
  body > header[data-type='appearance'] > h1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg);
    -webkit-mask-size: 22px; }
  body > header[data-type='newtab'] > h1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-newtab.svg);
    -webkit-mask-size: 18px; }
  body > header[data-type='language'] > h1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-translate.svg);
    -webkit-mask-size: 22px; }
  body > header[data-type='support'] > h1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-support.svg);
    -webkit-mask-size: 24px; }
  body > header[data-type='infos'] > h1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
    -webkit-mask-size: 22px; }
  body > header[data-type='premium'] > h1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-premium.svg);
    -webkit-mask-size: 22px; }
  body > header[data-type='export'] > h1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-importExport.svg);
    -webkit-mask-size: 26px; }
  body > header > menu {
    display: inline-block;
    margin: 12px 0 0 40px;
    vertical-align: top; }
    body > header > menu > li {
      display: inline-block; }
      body > header > menu > li > button {
        position: relative;
        display: inline-block;
        vertical-align: top;
        border: 0;
        outline: 0;
        cursor: pointer; }
        body > header > menu > li > button.save {
          transition: box-shadow 1s, padding 0.5s;
          z-index: 2; }
          body > header > menu > li > button.save::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-mask: no-repeat center/21px;
            -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
            background-color: #fff; }
          body > header > menu > li > button.save::before {
            -webkit-mask-position-x: 8px;
            transition: opacity 0.5s; }
          body > header > menu > li > button.save.highlight {
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), 0 0 0 120px #f5c525; }
          body > header > menu > li > button.save.info {
            padding-left: 34px; }
            body > header > menu > li > button.save.info::before {
              opacity: 1; }
        body > header > menu > li > button.restore {
          background: transparent;
          margin: 2px 0 0 10px;
          width: 24px;
          height: 24px; }
          body > header > menu > li > button.restore::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-mask: no-repeat center/24px;
            -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg);
            background-color: #aaa; }
        body > header > menu > li > button.hidden {
          display: none; }

body > div.dialog {
  position: absolute;
  top: 50px;
  width: 300px;
  padding: 12px 10px;
  text-align: center;
  background: #fff;
  margin-left: calc(-150px + 12px);
  filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.2));
  transition: opacity 0.3s, transform 0.3s;
  transform: translate3d(0, -10px, 0);
  border-radius: 10px;
  z-index: 5; }
  body > div.dialog.visible {
    transform: translate3d(0, 0, 0); }
  body > div.dialog::before {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0; }
  body > div.dialog > p {
    line-height: 140%; }
  body > div.dialog > a {
    position: relative;
    display: inline-block;
    color: #6494f4;
    padding: 3px 5px 3px 15px;
    margin-bottom: 5px;
    font-weight: "%fontWeightMedium";
    cursor: pointer; }
    body > div.dialog > a::before {
      content: "";
      position: absolute;
      top: 8px;
      left: 0;
      width: 7px;
      height: 7px;
      border-top: 2px solid #6494f4;
      border-left: 2px solid #6494f4;
      transform: rotateZ(135deg); }
  body > div.dialog > span {
    position: relative;
    display: inline-block;
    padding: 6px 10px 5px 30px;
    margin: 10px 0 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 20px; }
    body > div.dialog > span::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/16px;
      background-color: #666; }
    body > div.dialog > span::before {
      width: 16px;
      left: 8px; }
  body > div.dialog[data-type='behaviour'] > span::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg); }
  body > div.dialog[data-type='appearance'] > span::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg); }
  body > div.dialog[data-type='newtab'] > span::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-newtab.svg);
    -webkit-mask-size: 14px; }

html[dir='rtl'] body > header div#logo {
  right: 24px;
  left: unset; }
  html[dir='rtl'] body > header div#logo::before {
    background: linear-gradient(-45deg, #8741ed 0%, #00e5fd 100%); }

html[dir='rtl'] body > header > h1 {
  padding-left: 30px;
  padding-right: calc(250px + 55px);
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 20px; }
  html[dir='rtl'] body > header > h1::before {
    -webkit-mask-position-x: calc(100% - 250px - 15px); }
  html[dir='rtl'] body > header > h1 > span + span {
    margin-right: 24px;
    margin-left: 0; }
    html[dir='rtl'] body > header > h1 > span + span::before {
      left: unset;
      right: -14px;
      border-right-color: #aaa;
      border-left-color: transparent; }
  html[dir='rtl'] body > header > h1::after {
    left: unset;
    right: calc(250px - 10px);
    transform: rotateZ(45deg); }

html[dir='rtl'] body > header[data-type='newtab'] > h1::before, html[dir='rtl'] body > header[data-type='support'] > h1::before {
  transform: scaleX(-1);
  -webkit-mask-position-x: calc(250px + 15px) !important; }

html[dir='rtl'] body > header > menu {
  margin-left: 0;
  margin-right: 40px; }
  html[dir='rtl'] body > header > menu > li > button.restore {
    margin-right: 10px;
    margin-left: 0; }
  html[dir='rtl'] body > header > menu > li > button.save::before {
    transform: scaleX(-1); }
  html[dir='rtl'] body > header > menu > li > button.save.info {
    padding-left: 12px;
    padding-right: 34px; }

html[dir='rtl'] body > div.dialog > a {
  padding-right: 15px;
  padding-left: 5px; }
  html[dir='rtl'] body > div.dialog > a::before {
    right: 0;
    left: unset;
    transform: rotateZ(-45deg); }

html[dir='rtl'] body > div.dialog > span {
  padding-right: 30px;
  padding-left: 10px; }
  html[dir='rtl'] body > div.dialog > span::before {
    right: 8px;
    left: unset; }

body > section#wrapper > main > div.loading.tab > svg.loading, body > section#wrapper > main > div.tab > div.loading[data-name] > svg.loading {
  position: absolute;
  top: 30%;
  left: calc(50% - 18px); }

body > section#wrapper > main > div.loading.tab > div, body > section#wrapper > main > div.tab > div.loading[data-name] > div {
  visibility: hidden; }

p.desc {
  color: #aaa;
  margin-top: 10px;
  line-height: 150%; }

body > section#wrapper {
  position: relative;
  display: flex;
  flex-flow: row; }
  body > section#wrapper > main {
    position: relative;
    flex: 1;
    height: calc(100vh - 50px - 10px);
    overflow-y: scroll;
    margin-top: 10px;
    padding: 35px 30px 20px 70px; }
    @media (max-width: 1400px) {
      body > section#wrapper > main {
        padding-left: 50px;
        padding-right: 20px; } }
    body > section#wrapper > main > div.tab {
      display: none; }
      body > section#wrapper > main > div.tab.active {
        display: block; }
      body > section#wrapper > main > div.tab > div[data-name] {
        display: none; }
        body > section#wrapper > main > div.tab > div[data-name].active {
          display: block; }
    body > section#wrapper > main div.contentBox {
      position: relative;
      background: #fff;
      padding: 16px 20px;
      box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
      max-width: 1024px;
      margin: 0 0 20px;
      border-radius: 10px;
      line-height: 140%; }
    body > section#wrapper > main div.boxWrapper {
      position: relative;
      display: flex;
      flex-flow: row wrap;
      align-items: stretch;
      justify-content: space-between;
      max-width: 1024px; }
      @media (max-width: 1100px) {
        body > section#wrapper > main div.boxWrapper {
          display: block; } }
      body > section#wrapper > main div.boxWrapper > div.box {
        position: relative;
        width: calc(50% - 10px);
        max-width: 520px;
        margin-bottom: 20px;
        background: #fff;
        padding: 16px 20px;
        box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
        border-radius: 10px; }
        @media (max-width: 1100px) {
          body > section#wrapper > main div.boxWrapper > div.box {
            width: 100%; } }
        body > section#wrapper > main div.boxWrapper > div.box.hidden {
          display: none; }
        body > section#wrapper > main div.boxWrapper > div.box > label {
          margin: 0 0 20px 0; }
        body > section#wrapper > main div.boxWrapper > div.box p.info {
          margin: 20px 0 10px;
          line-height: 150%; }
      body > section#wrapper > main div.boxWrapper.noCol {
        flex-flow: column; }
        body > section#wrapper > main div.boxWrapper.noCol > div.box {
          width: 100%; }

html[dir='rtl'] body > section#wrapper > main {
  padding-right: 70px;
  padding-left: 30px; }
  @media (max-width: 1400px) {
    html[dir='rtl'] body > section#wrapper > main {
      padding-right: 50px;
      padding-left: 20px; } }

body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper {
  max-width: 1280px; }
  body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.box {
    max-width: none; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.box.wide {
      width: calc(75% - 10px); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.box.small {
      width: calc(25% - 10px); }
  body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 1fr auto;
    grid-gap: 20px;
    min-height: 350px;
    padding: 0;
    overflow: hidden; }
    @media (max-width: 1600px) {
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks {
        width: 100% !important; } }
    @media (max-width: 1200px) {
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks {
        display: block; } }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > svg.loading {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > * {
      transition: opacity 0.3s, transform 0.3s; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks.loading > *:not(svg.loading) {
      opacity: 0;
      transform: translate3d(0, -10px, 0);
      pointer-events: none; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > div.info {
      padding: 20px 20px; }
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > div.info > h2 {
        font-size: 180%;
        margin-bottom: 25px; }
        body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > div.info > h2 > span {
          color: #aaa;
          font-size: 90%; }
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > div.info > p {
        font-size: 130%;
        line-height: 180%; }
        body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > div.info > p > i, body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > div.info > p > span {
          position: relative;
          display: inline-block;
          line-height: 140%;
          border: 1px solid rgba(0, 0, 0, 0.1);
          background: rgba(0, 0, 0, 0.05);
          font-style: normal;
          padding: 0 5px;
          border-radius: 4px;
          margin: 0 3px; }
        body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > div.info > p > span {
          width: 35px;
          height: 30px;
          vertical-align: top; }
          body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > div.info > p > span::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            -webkit-mask: no-repeat center/22px;
            background-color: #666; }
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > div.info > a {
        display: inline-block;
        margin-top: 18px;
        cursor: pointer;
        font-size: 110%;
        color: #6494f4;
        font-weight: "%fontWeightMedium"; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > img {
      display: block;
      width: 360px; }
      @media (max-width: 1200px) {
        body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > img {
          margin: 20px auto; } }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > button {
      display: block;
      width: fit-content;
      padding-left: 25px;
      padding-right: 34px;
      margin: 0 auto 20px;
      grid-column: 2; }
      @media (max-width: 1200px) {
        body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > button {
          margin: 20px auto; } }
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > button::before {
        content: "";
        position: absolute;
        right: 14px;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-left-color: #fff; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='quick_bookmarking'] > div.info > p > span::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-lock.svg); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='hide_entries'] > div.info > p > span::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-hide.svg); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='separators'] > div.info > p > span::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='keyboard_shortcuts'] > div.info > p > span::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-keyboard.svg); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='newtab'] > img {
      width: 500px; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='newtab'] > div.info > p > span::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-edit.svg); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='version'] > img {
      width: 250px;
      margin: 10px 30px 0; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='about'] > img {
      margin: 10px 20px 0; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='i18n'] > img {
      margin: 20px 20px 0; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='share_data'] > img {
      margin: 20px 20px 0; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='privacy'] > img {
      width: 250px;
      margin: 20px 20px 0; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks[data-type='synchronization'] > img {
      width: 220px;
      margin: 30px 50px 0; }
  @media (max-width: 1600px) {
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links {
      width: 100% !important; } }
  body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li + li {
    margin-top: 7px; }
  @media (max-width: 1600px) {
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li {
      display: inline-block; }
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li + li {
        margin-top: 0;
        margin-left: 10px; } }
  body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a {
    position: relative;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 50px;
    font-size: 120%;
    transition: background-color 0.3s; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/28px;
      background-color: #666; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a::before {
      width: 28px;
      left: 10px; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a[data-name="support"]::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-support.svg); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a[data-name="privacy"]::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-privacy.svg); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a[data-name="permissions"]::before {
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-unlock.svg); }
  body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.info {
    background: rgba(100, 148, 244, 0.5);
    transition: transform 0.2s, background-color 0.3s;
    padding: 0; }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.info:hover {
      transform: scale(1.02);
      background: rgba(100, 148, 244, 0.7); }
    body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.info > a {
      display: block;
      padding: 20px 24px 26px; }
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.info > a > h2 {
        font-size: 160%;
        color: #fff;
        margin: 0; }
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.info > a > img {
        width: 100%;
        padding: 10px; }
      body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.info > a > p {
        color: #fff;
        font-size: 110%;
        line-height: 150%; }

body > section#wrapper > main div.tab[data-name='dashboard'] > footer {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  max-width: 1280px;
  padding: 10px 10px 0;
  font-size: 90%; }
  body > section#wrapper > main div.tab[data-name='dashboard'] > footer > div > a.version > span {
    color: #6494f4;
    font-weight: "%fontWeightMedium"; }
  body > section#wrapper > main div.tab[data-name='dashboard'] > footer > div > span.lastUpdate {
    display: inline-block;
    font-size: 90%;
    margin-left: 5px;
    color: #aaa; }
  body > section#wrapper > main div.tab[data-name='dashboard'] > footer > div.copyright > span {
    font-weight: "%fontWeightMedium"; }

html[dir='rtl'] body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > button {
  padding-right: 25px;
  padding-left: 34px; }
  html[dir='rtl'] body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.tipsTricks > button::before {
    left: 14px;
    right: unset;
    border-left-color: transparent;
    border-right-color: #fff; }

@media (max-width: 1600px) {
  html[dir='rtl'] body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li + li {
    margin-left: 0;
    margin-right: 10px; } }

html[dir='rtl'] body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a {
  padding-right: 50px;
  padding-left: 10px; }
  html[dir='rtl'] body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a::before {
    left: unset;
    right: 10px; }
  html[dir='rtl'] body > section#wrapper > main div.tab[data-name='dashboard'] > div.boxWrapper > div.links > ul > li > a[data-name="support"]::before {
    transform: scaleX(-1); }

html[dir='rtl'] body > section#wrapper > main div.tab[data-name='dashboard'] > footer > div > span.lastUpdate {
  margin-left: 0;
  margin-right: 5px; }

body > section#wrapper div.advanced {
  position: relative;
  margin: 20px 0;
  max-width: 1024px;
  background: #f2f2f2;
  padding: 16px 0; }
  body > section#wrapper div.advanced > h3 {
    position: relative;
    display: inline-block;
    color: #666;
    font-weight: "%fontWeightMedium";
    padding: 3px 5px 3px 22px;
    font-size: 100%;
    cursor: pointer; }
    body > section#wrapper div.advanced > h3::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/18px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);
      background-color: #666; }
    body > section#wrapper div.advanced > h3::before {
      -webkit-mask-position-x: left; }
  body > section#wrapper div.advanced > div {
    transform: translate3d(0, -10px, 0);
    opacity: 0;
    margin-top: 20px;
    transition: opacity 0.3s, transform 0.3s; }
    body > section#wrapper div.advanced > div.visible {
      opacity: 1;
      transform: translate3d(0, 0, 0); }
    body > section#wrapper div.advanced > div div.sub.rememberOpenStatesSubDirectories {
      margin-top: 10px; }
      body > section#wrapper div.advanced > div div.sub.rememberOpenStatesSubDirectories.hidden {
        display: none; }
    body > section#wrapper div.advanced > div textarea[data-name='customCss'] {
      background: rgba(0, 0, 0, 0.05);
      font-family: Consolas, sans-serif;
      font-size: 90%;
      height: 200px;
      min-height: 200px; }
      body > section#wrapper div.advanced > div textarea[data-name='customCss'].inactive {
        display: none; }
      body > section#wrapper div.advanced > div textarea[data-name='customCss'] ~ span {
        display: block;
        margin-top: 10px;
        opacity: 0;
        color: #f99;
        transition: opacity 0.5s; }
      body > section#wrapper div.advanced > div textarea[data-name='customCss']:focus ~ span {
        opacity: 1; }

html[dir='rtl'] body > section#wrapper div.advanced > h3 {
  padding-right: 22px;
  padding-left: 5px; }
  html[dir='rtl'] body > section#wrapper div.advanced > h3::before {
    -webkit-mask-position-x: right; }

div.tab[data-name='sidebar'] div[data-name='filter'] div.patterns {
  margin-top: 30px; }
  div.tab[data-name='sidebar'] div[data-name='filter'] div.patterns.hidden {
    display: none; }

div.tab[data-name='sidebar'] div[data-name='filter'] div.patternExplanation ul.bulletList {
  line-height: 200%; }

div.tab[data-name='sidebar'] div[data-name='filter'] div.patternExplanation em {
  position: relative;
  font-size: 120%;
  font-style: normal;
  line-height: normal;
  font-weight: "%fontWeightBold";
  padding: 0 5px;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  color: #666; }

body > section#wrapper div[data-name="aboutme"] > div {
  position: relative;
  max-width: 1024px;
  margin: 20px 0 40px;
  display: flex; }
  body > section#wrapper div[data-name="aboutme"] > div > div.desc {
    position: relative;
    padding: 17px 50px 0 50px;
    text-align: justify;
    flex: 1; }
    body > section#wrapper div[data-name="aboutme"] > div > div.desc::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/36px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-quote.svg);
      background-color: #aaa; }
    body > section#wrapper div[data-name="aboutme"] > div > div.desc > p {
      font-size: 110%;
      line-height: 200%;
      margin-bottom: 20px; }
      body > section#wrapper div[data-name="aboutme"] > div > div.desc > p + p {
        margin: 0; }
      body > section#wrapper div[data-name="aboutme"] > div > div.desc > p.highlight {
        position: relative;
        font-size: 150%;
        padding: 0 0 0 44px;
        margin-top: 50px; }
        body > section#wrapper div[data-name="aboutme"] > div > div.desc > p.highlight::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/34px;
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-heart.svg);
          background-color: #f99; }
        body > section#wrapper div[data-name="aboutme"] > div > div.desc > p.highlight::before {
          -webkit-mask-position-x: 0; }
    body > section#wrapper div[data-name="aboutme"] > div > div.desc::before {
      width: 36px;
      height: 36px;
      left: -5px;
      top: 20px; }
  body > section#wrapper div[data-name="aboutme"] > div > div.preview {
    position: relative;
    width: 310px;
    height: 310px;
    border-radius: 15px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
    background: rgba(100, 148, 244, 0.2);
    overflow: hidden; }
    body > section#wrapper div[data-name="aboutme"] > div > div.preview > img {
      display: block;
      width: 100%; }
    body > section#wrapper div[data-name="aboutme"] > div > div.preview > a {
      position: absolute;
      bottom: 10px;
      margin: auto;
      display: block;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.8);
      transition: background 0.3s; }
      body > section#wrapper div[data-name="aboutme"] > div > div.preview > a.github {
        left: 10px; }
        body > section#wrapper div[data-name="aboutme"] > div > div.preview > a.github::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/24px;
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-github.svg);
          background-color: #666; }
      body > section#wrapper div[data-name="aboutme"] > div > div.preview > a.website {
        left: 60px; }
        body > section#wrapper div[data-name="aboutme"] > div > div.preview > a.website::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/24px;
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-web.svg);
          background-color: #666; }
      body > section#wrapper div[data-name="aboutme"] > div > div.preview > a::before {
        background: linear-gradient(45deg, #8741ed 0%, #00e5fd 100%); }
      body > section#wrapper div[data-name="aboutme"] > div > div.preview > a:hover {
        background: #fff; }

body > section#wrapper div[data-name='permissions'] div.permissions h3 {
  display: inline-block;
  font-size: 120%;
  font-weight: "%fontWeightMedium";
  line-height: 150%;
  padding: 5px 0;
  margin: 20px 0 0 0; }

body > section#wrapper div[data-name='permissions'] div.permissions div.details {
  position: relative;
  margin-top: 2px;
  background: #f2f2f2;
  padding: 10px 12px;
  border-radius: 10px; }
  body > section#wrapper div[data-name='permissions'] div.permissions div.details::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 30px;
    border: 7px solid transparent;
    border-bottom-color: #f2f2f2; }
  body > section#wrapper div[data-name='permissions'] div.permissions div.details p + p {
    margin-top: 10px; }
  body > section#wrapper div[data-name='permissions'] div.permissions div.details > a.github {
    padding-left: 34px;
    margin: 15px 0 0 0; }
    body > section#wrapper div[data-name='permissions'] div.permissions div.details > a.github::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/18px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-github.svg);
      background-color: #fff; }
    body > section#wrapper div[data-name='permissions'] div.permissions div.details > a.github::before {
      -webkit-mask-position-x: 7px; }

body > section#wrapper div[data-name='permissions'] div.shareInformation p {
  line-height: 150%; }
  body > section#wrapper div[data-name='permissions'] div.shareInformation p + p {
    margin-top: 10px; }

body > section#wrapper div[data-name='permissions'] div.shareInformation ul.bulletList {
  line-height: 150%;
  margin: 10px 0; }

body > section#wrapper div[data-name='permissions'] div.shareInformation label {
  display: inline-block;
  margin: 15px 20px 7px 0 !important; }

body > section#wrapper div[data-name='permissions'] div.shareInformation div.checkbox {
  display: inline-block;
  vertical-align: top;
  margin: 16px 0 0 0; }

html[dir='rtl'] body > section#wrapper div[data-name="aboutme"] > div > div.desc::before {
  left: unset;
  right: -5px; }

html[dir='rtl'] body > section#wrapper div[data-name="aboutme"] > div > div.desc > p.highlight {
  padding-right: 44px;
  padding-left: 0; }
  html[dir='rtl'] body > section#wrapper div[data-name="aboutme"] > div > div.desc > p.highlight::before {
    -webkit-mask-position-x: right; }

html[dir='rtl'] body > section#wrapper div[data-name='permissions'] div.permissions div.details::before {
  right: 20px;
  left: unset; }

html[dir='rtl'] body > section#wrapper div[data-name='permissions'] div.permissions div.details > a.github {
  padding-left: 12px;
  padding-right: 34px; }
  html[dir='rtl'] body > section#wrapper div[data-name='permissions'] div.permissions div.details > a.github::before {
    transform: scaleX(-1); }

html[dir='rtl'] body > section#wrapper div[data-name='permissions'] div.shareInformation label {
  margin-right: 0 !important;
  margin-left: 20px !important; }

body > section#wrapper div.toggleAreaDesc {
  position: relative; }
  body > section#wrapper div.toggleAreaDesc::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/32px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
    background-color: #aaa; }
  body > section#wrapper div.toggleAreaDesc::before {
    top: 18px;
    left: 0;
    width: 32px;
    height: 32px; }
  body > section#wrapper div.toggleAreaDesc.hidden {
    display: none; }
  body > section#wrapper div.toggleAreaDesc > p {
    padding: 3px 0 3px 40px;
    line-height: 150%; }
  body > section#wrapper div.toggleAreaDesc > a {
    margin: 10px 0 0 40px; }

body > div.toggleAreaModal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 90px 25px 20px;
  width: 600px;
  height: 480px;
  background: #fff;
  box-shadow: 0 12px 50px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  z-index: 97;
  transform: scale(0.7);
  transition: transform 0.3s, opacity 0.3s; }
  body > div.toggleAreaModal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/mockup-left.png), url(chrome-extension://__MSG_@@extension_id__/img/settings/mockup-right.png), url(chrome-extension://__MSG_@@extension_id__/img/settings/mockup-middle.png);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: left 0, right 0, left 0;
    background-size: auto 60px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    z-index: 2; }
  body > div.toggleAreaModal > div.preview {
    position: absolute;
    top: 60px;
    width: 20px;
    height: calc(100% - 60px); }
    body > div.toggleAreaModal > div.preview > div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      transition: width 0.2s, height 0.2s, top 0.2s, border-radius 0.2s;
      cursor: ns-resize; }
      body > div.toggleAreaModal > div.preview > div::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/100%;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-bookmark.svg);
        background-color: #fff; }
      body > div.toggleAreaModal > div.preview > div.fullHeight {
        cursor: default; }
      body > div.toggleAreaModal > div.preview > div.dragging {
        transition: none; }
    body > div.toggleAreaModal > div.preview > span {
      position: absolute;
      top: 0;
      display: block;
      white-space: nowrap;
      padding: 8px;
      font-size: 90%;
      font-weight: "%fontWeightMedium";
      transition: opacity 0.3s; }
      body > div.toggleAreaModal > div.preview > span::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/100%;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-arrow-sketch.svg);
        background-color: #666; }
      body > div.toggleAreaModal > div.preview > span::before {
        width: 26px;
        -webkit-mask-position: 0 -4px; }
  body > div.toggleAreaModal > div.hidden {
    display: none; }
  body > div.toggleAreaModal > p.buttons {
    margin: 40px 0 0 0; }
    body > div.toggleAreaModal > p.buttons > a {
      cursor: pointer;
      vertical-align: top;
      margin: 0; }
      body > div.toggleAreaModal > p.buttons > a.cancel {
        margin: 7px 0 0 10px;
        display: inline-block; }
  body > div.toggleAreaModal[data-type='left'] {
    padding-left: 75px; }
    body > div.toggleAreaModal[data-type='left'] > div.preview {
      left: 0; }
      body > div.toggleAreaModal[data-type='left'] > div.preview > div:not(.fullHeight) {
        border-radius: 0 12px 12px 0; }
      body > div.toggleAreaModal[data-type='left'] > div.preview > span {
        padding-left: 32px;
        left: calc(100% + 3px); }
        body > div.toggleAreaModal[data-type='left'] > div.preview > span::before {
          transform: scaleX(-1) scaleY(-1); }
  body > div.toggleAreaModal[data-type='right'] {
    padding-right: 75px; }
    body > div.toggleAreaModal[data-type='right'] > div.preview {
      right: 0; }
      body > div.toggleAreaModal[data-type='right'] > div.preview > div:not(.fullHeight) {
        border-radius: 12px 0 0 12px; }
      body > div.toggleAreaModal[data-type='right'] > div.preview > span {
        padding-right: 32px;
        right: calc(100% + 3px); }
        body > div.toggleAreaModal[data-type='right'] > div.preview > span::before {
          transform: scaleY(-1);
          left: unset;
          right: 0; }

body.showModal::before {
  opacity: 1; }

body.showModal > * {
  pointer-events: none; }

body.showModal > div.toggleAreaModal {
  transform: scale(1);
  z-index: 99; }

html[dir='rtl'] body > section#wrapper div.toggleAreaDesc::before {
  right: 0;
  left: unset; }

html[dir='rtl'] body > section#wrapper div.toggleAreaDesc > p {
  padding-right: 40px;
  padding-left: unset; }

html[dir='rtl'] body > section#wrapper div.toggleAreaDesc > a {
  margin-right: 40px;
  margin-left: unset; }

html[dir='rtl'] body > div.toggleAreaModal > p.buttons > a.cancel {
  margin-right: 10px;
  margin-left: unset; }

body[data-type^='appearance'] > div.colorMask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 3; }

body[data-type^='appearance'] > section#wrapper > main div.boxWrapper {
  max-width: 820px; }
  @media (max-width: 1500px) {
    body[data-type^='appearance'] > section#wrapper > main div.boxWrapper {
      display: block; } }
  body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box {
    max-width: 400px; }
    body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box label, body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box input[type='range'], body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box select, body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box input.color, body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box input.color + span {
      margin-bottom: 5px; }
    body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box a.revert {
      position: absolute;
      display: block;
      top: 12px;
      right: 16px;
      width: 24px;
      height: 24px;
      border-radius: 50%;
      transform: rotateY(180deg); }
      body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box a.revert::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/24px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-update.svg);
        background-color: #aaa; }
    body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox {
      border-radius: 15px;
      height: 30px;
      width: 60px;
      background: linear-gradient(to right, #fec171 0%, #ff6c69 100%);
      transition: width 0.3s; }
      body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-light.svg);
        background-color: #fff; }
      body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox::before {
        -webkit-mask-position-x: 32px;
        transition: -webkit-mask 0.3s; }
      body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox::after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        background: #fff;
        box-shadow: none;
        opacity: 0.7;
        -webkit-mask: none;
        transition: transform 0.3s, opacity 0.3s; }
      body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox.active {
        background: linear-gradient(to right, #3c5fe1 0%, #3a2b96 100%); }
        body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox.active::before {
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-dark.svg);
          -webkit-mask-position-x: 6px; }
        body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox.active::after {
          transform: translate3d(30px, 0, 0);
          opacity: 0.9; }
    body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface[data-type='auto'] > div.checkbox {
      pointer-events: none;
      width: 50px; }
      body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface[data-type='auto'] > div.checkbox::before {
        -webkit-mask-position-x: center !important; }
      body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface[data-type='auto'] > div.checkbox::after {
        display: none; }
    body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.sub {
      padding-top: 10px; }

body[data-type^='appearance'] > section#wrapper > main div.contentBox {
  max-width: 820px; }

body[data-type^='appearance'] > section#wrapper > main div.selectedTheme {
  position: relative;
  display: inline-block;
  margin: 17px 0 8px;
  color: #666;
  font-weight: "%fontWeightBold";
  cursor: pointer; }
  body[data-type^='appearance'] > section#wrapper > main div.selectedTheme::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/20px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-theme.svg);
    background-color: #666; }
  body[data-type^='appearance'] > section#wrapper > main div.selectedTheme > span {
    position: relative;
    display: block;
    padding: 10px 14px 10px 42px;
    background: #fff;
    border-radius: 9px;
    z-index: 2;
    transition: margin 0.2s, padding 0.2s; }
  body[data-type^='appearance'] > section#wrapper > main div.selectedTheme::after {
    content: "";
    position: absolute;
    top: -4.5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 9px);
    border-radius: 14px;
    background: linear-gradient(45deg, #8741ed 0%, #00e5fd 100%);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }
  body[data-type^='appearance'] > section#wrapper > main div.selectedTheme::before {
    width: 36px;
    z-index: 3;
    transition: background-color 0.2s, transform 0.3s; }
  body[data-type^='appearance'] > section#wrapper > main div.selectedTheme:hover > span {
    padding-left: 14px;
    margin-left: 40px; }
  body[data-type^='appearance'] > section#wrapper > main div.selectedTheme:hover::before {
    transform: scale(1.4, 1.4);
    background: #fff; }

body[data-type^='appearance'] > section#wrapper > main a.showThemes {
  position: relative;
  display: inline-block;
  color: #666;
  font-weight: "%fontWeightMedium";
  padding: 3px 5px 3px 22px;
  margin-top: 16px;
  font-size: 100%;
  cursor: pointer; }
  body[data-type^='appearance'] > section#wrapper > main a.showThemes::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/18px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-add.svg);
    background-color: #666; }
  body[data-type^='appearance'] > section#wrapper > main a.showThemes::before {
    -webkit-mask-position-x: left; }

body[data-type^='appearance'] > section#wrapper > main div.themeList {
  background: rgba(100, 148, 244, 0.5);
  padding-bottom: 30px;
  transform: translate3d(0, -10px, 0);
  opacity: 0;
  margin-top: 20px;
  transition: opacity 0.3s, transform 0.3s; }
  body[data-type^='appearance'] > section#wrapper > main div.themeList::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/120px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-theme.svg);
    background-color: rgba(255, 255, 255, 0.2); }
  body[data-type^='appearance'] > section#wrapper > main div.themeList.visible {
    opacity: 1;
    transform: translate3d(0, 0, 0); }
  body[data-type^='appearance'] > section#wrapper > main div.themeList::before {
    top: unset;
    left: unset;
    right: 32px;
    bottom: 35px;
    width: 120px;
    height: 120px;
    pointer-events: none; }
  body[data-type^='appearance'] > section#wrapper > main div.themeList::after {
    content: "";
    position: absolute;
    top: -30px;
    left: 35px;
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-bottom-color: rgba(100, 148, 244, 0.5); }
  body[data-type^='appearance'] > section#wrapper > main div.themeList > h2 {
    color: #fff;
    margin: 10px 0 30px; }
  body[data-type^='appearance'] > section#wrapper > main div.themeList > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 25px; }
    body[data-type^='appearance'] > section#wrapper > main div.themeList > ul > li {
      border-radius: 10px;
      overflow: hidden;
      box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
      background: #fff; }
      body[data-type^='appearance'] > section#wrapper > main div.themeList > ul > li > img {
        display: block;
        width: 100%; }
      body[data-type^='appearance'] > section#wrapper > main div.themeList > ul > li > div.caption {
        position: relative;
        padding: 0 10px 8px 10px; }
        body[data-type^='appearance'] > section#wrapper > main div.themeList > ul > li > div.caption::before {
          content: "";
          position: absolute;
          top: -25px;
          left: 0;
          width: 100%;
          height: 25px;
          background: linear-gradient(to bottom, transparent 0%, #fff 100%); }
        body[data-type^='appearance'] > section#wrapper > main div.themeList > ul > li > div.caption > h3 {
          font-size: 120%;
          font-weight: "%fontWeightMedium"; }
        body[data-type^='appearance'] > section#wrapper > main div.themeList > ul > li > div.caption > p {
          font-size: 90%;
          margin: 5px 0 0 0; }
        body[data-type^='appearance'] > section#wrapper > main div.themeList > ul > li > div.caption > a {
          background: #6494f4;
          font-size: 90%;
          margin-top: 10px;
          padding: 4px 12px; }
        body[data-type^='appearance'] > section#wrapper > main div.themeList > ul > li > div.caption > span.active {
          display: block;
          margin-top: 5px;
          font-weight: 400;
          font-style: italic;
          color: #5eba7d; }
  body[data-type^='appearance'] > section#wrapper > main div.themeList p.premium {
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.2);
    margin: 40px 0 50px; }
    body[data-type^='appearance'] > section#wrapper > main div.themeList p.premium::before {
      background-color: #fff; }
    body[data-type^='appearance'] > section#wrapper > main div.themeList p.premium > a {
      color: rgba(255, 255, 255, 0.8); }

body[data-type^='appearance'] > section#wrapper > main div.presets > p {
  margin: 10px 0; }

body[data-type^='appearance'] > section#wrapper > main div.presets > a {
  display: inline-block;
  padding: 2px 15px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  margin: 10px 7px 0 0;
  cursor: pointer;
  transition: background 0.5s; }
  body[data-type^='appearance'] > section#wrapper > main div.presets > a::before {
    content: attr(data-type);
    text-transform: uppercase; }
  body[data-type^='appearance'] > section#wrapper > main div.presets > a:hover {
    background: rgba(0, 0, 0, 0.07); }

body[data-type^='appearance'] > section#wrapper > main div.iconColorWrapper ~ p.note {
  position: relative;
  display: none;
  line-height: 150%;
  padding: 3px 0 3px 40px;
  margin-top: 12px; }
  body[data-type^='appearance'] > section#wrapper > main div.iconColorWrapper ~ p.note::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/32px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
    background-color: #aaa; }
  body[data-type^='appearance'] > section#wrapper > main div.iconColorWrapper ~ p.note::before {
    top: 8px;
    left: 0;
    width: 32px;
    height: 32px; }

body[data-type^='appearance'] > section#wrapper > main div.iconColorWrapper.hidden {
  display: none; }
  body[data-type^='appearance'] > section#wrapper > main div.iconColorWrapper.hidden ~ p.note {
    display: block; }

body[data-type^='appearance'] > section#wrapper > main div[data-name='sidebar'] ul.radioWrapper > li {
  display: inline-block; }
  body[data-type^='appearance'] > section#wrapper > main div[data-name='sidebar'] ul.radioWrapper > li + li {
    margin-left: 30px; }

iframe[data-appearance] {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
  pointer-events: none;
  z-index: 4; }

iframe[data-appearance='overlay'] {
  width: 700px;
  height: 650px;
  transform-origin: top right; }
  @media (max-width: 1400px) {
    iframe[data-appearance='overlay'] {
      transform: scale(0.8); } }
  @media (max-width: 1280px) {
    iframe[data-appearance='overlay'] {
      transform: scale(0.7); } }

@media (min-width: 1200px) {
  body[data-type='appearance_general'] > iframe[data-appearance='general'],
  body[data-type='appearance_sidebar'] > iframe[data-appearance='sidebar'],
  body[data-type='appearance_indicator'] > iframe[data-appearance='indicator'],
  body[data-type='appearance_overlay'] > iframe[data-appearance='overlay'] {
    display: block; } }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box a.revert {
  left: 16px;
  right: unset; }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox {
  background: linear-gradient(to left, #fec171 0%, #ff6c69 100%); }
  html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox::before {
    -webkit-mask-position-x: 6px; }
  html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox::after {
    right: 3px;
    left: unset; }
  html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox.active {
    background: linear-gradient(to left, #3c5fe1 0%, #3a2b96 100%); }
    html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox.active::before {
      -webkit-mask-position-x: 32px; }
    html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.boxWrapper > div.box.surface > div.checkbox.active::after {
      transform: translate3d(-30px, 0, 0); }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.selectedTheme > span {
  padding-right: 42px;
  padding-left: 14px; }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.selectedTheme::after {
  left: unset;
  right: -5px; }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.selectedTheme::before {
  left: unset;
  transform: scaleX(-1); }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.selectedTheme:hover > span {
  padding-right: 14px;
  margin-right: 40px;
  margin-left: 0; }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main a.showThemes {
  padding-right: 22px;
  padding-left: 5px; }
  html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main a.showThemes::before {
    -webkit-mask-position-x: right; }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.themeList::before {
  right: unset;
  left: 32px;
  transform: scaleX(-1); }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.themeList::after {
  left: unset;
  right: 35px; }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.presets > a {
  margin-right: 0;
  margin-left: 7px; }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div[data-name='sidebar'] ul.radioWrapper > li + li {
  margin-right: 30px;
  margin-left: unset; }

html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.iconColorWrapper ~ p.note {
  padding-right: 40px;
  padding-left: unset; }
  html[dir='rtl'] body[data-type^='appearance'] > section#wrapper > main div.iconColorWrapper ~ p.note::before {
    right: 0;
    left: unset; }

html[dir='rtl'] iframe[data-appearance] {
  right: unset;
  left: 0; }

body[data-type^='newtab'] > section#wrapper > main p.buttons.hidden {
  display: none; }

body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button {
  background: #6494f4;
  padding: 10px 15px 10px 38px;
  margin: 20px 0 0 0; }
  body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button + a.button {
    margin-left: 10px; }
  body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button[data-name='preview']::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/22px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-search.svg);
    background-color: #fff; }
  body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button[data-name='preview']::before {
    left: 2px;
    width: 36px; }
  body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button[data-name='styling']::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/18px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-theme.svg);
    background-color: #fff; }
  body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button[data-name='styling']::before {
    left: 5px;
    width: 36px; }

body[data-type^='newtab'] > section#wrapper > main div.faviconOptions {
  display: grid;
  grid-template-columns: auto 1fr; }
  @media (max-width: 1280px) {
    body[data-type^='newtab'] > section#wrapper > main div.faviconOptions {
      grid-template-columns: 1fr; } }
  body[data-type^='newtab'] > section#wrapper > main div.faviconOptions.hidden {
    display: none; }
  body[data-type^='newtab'] > section#wrapper > main div.faviconOptions > h2 {
    grid-column: 1/-1; }
  body[data-type^='newtab'] > section#wrapper > main div.faviconOptions > div > div.iconShapeWrapper > ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px 20px; }
  body[data-type^='newtab'] > section#wrapper > main div.faviconOptions > div > div.iconShapeWrapper ~ div {
    margin-top: 12px; }
  body[data-type^='newtab'] > section#wrapper > main div.faviconOptions > aside {
    position: relative;
    justify-self: right;
    width: 100%;
    max-width: 600px;
    height: 80px;
    background-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/mockup-left.png), url(chrome-extension://__MSG_@@extension_id__/img/settings/mockup-right.png), url(chrome-extension://__MSG_@@extension_id__/img/settings/mockup-middle.png);
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-position: left 0, right 0, left 0;
    background-size: auto 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); }
    @media (max-width: 1280px) {
      body[data-type^='newtab'] > section#wrapper > main div.faviconOptions > aside {
        justify-self: left;
        grid-row: 2;
        margin-bottom: 20px; } }
    body[data-type^='newtab'] > section#wrapper > main div.faviconOptions > aside > canvas {
      position: absolute;
      top: 12px;
      left: 95px;
      width: 20px;
      height: 20px; }
    body[data-type^='newtab'] > section#wrapper > main div.faviconOptions > aside > span {
      position: absolute;
      top: 13px;
      left: 126px; }

html[dir='rtl'] body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button {
  padding-right: 38px;
  padding-left: 15px; }
  html[dir='rtl'] body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button + a.button {
    margin-right: 10px;
    margin-left: unset; }
  html[dir='rtl'] body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button[data-name='preview']::before {
    right: 2px;
    left: unset; }
  html[dir='rtl'] body[data-type^='newtab'] > section#wrapper > main p.buttons > a.button[data-name='styling']::before {
    right: 5px;
    left: unset;
    transform: scaleX(-1); }

html[dir='rtl'] body[data-type^='newtab'] > section#wrapper > main div.faviconOptions > aside {
  justify-self: left; }
  @media (max-width: 1280px) {
    html[dir='rtl'] body[data-type^='newtab'] > section#wrapper > main div.faviconOptions > aside {
      justify-self: right; } }

div.tab[data-name='support'] p {
  line-height: 150%; }

div.tab[data-name='support'] p.notice {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 15px;
  margin: 15px 0; }

div.tab[data-name='support'] section.form {
  position: relative; }
  div.tab[data-name='support'] section.form.hidden {
    display: none; }
    div.tab[data-name='support'] section.form.hidden + p.error {
      position: relative;
      text-align: center;
      background: #f2f2f2;
      line-height: 150%;
      padding: 90px 30px 30px;
      margin: 0 0 10px 0; }
      div.tab[data-name='support'] section.form.hidden + p.error::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/48px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
        background-color: #f5c525; }
      div.tab[data-name='support'] section.form.hidden + p.error::before {
        pointer-events: none;
        -webkit-mask-position-y: 20px; }
      div.tab[data-name='support'] section.form.hidden + p.error > a {
        display: inline-block;
        margin: 10px 0 0 0;
        font-weight: "%fontWeightBold";
        color: #6494f4; }
  div.tab[data-name='support'] section.form div.mailWrapper {
    display: grid;
    align-items: center;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    font-size: 90%; }
    div.tab[data-name='support'] section.form div.mailWrapper > label {
      display: block;
      font-weight: "%fontWeightNormal";
      font-style: italic; }
      div.tab[data-name='support'] section.form div.mailWrapper > label::after {
        content: ":"; }
    div.tab[data-name='support'] section.form div.mailWrapper input[type='email'] {
      margin: 0;
      font-size: 90%;
      height: 24px;
      width: 180px; }
  div.tab[data-name='support'] section.form textarea {
    resize: vertical;
    height: 200px;
    min-height: 200px; }
  div.tab[data-name='support'] section.form div.upload {
    margin: 20px 0; }
    div.tab[data-name='support'] section.form div.upload > span {
      position: relative;
      padding: 0 3px 0 28px; }
      div.tab[data-name='support'] section.form div.upload > span::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-screenshot.svg);
        background-color: #fff; }
      div.tab[data-name='support'] section.form div.upload > span::before {
        -webkit-mask-position-x: 0; }
    div.tab[data-name='support'] section.form div.upload > input[type='file'] {
      position: absolute;
      top: 0;
      left: -900%;
      width: 1000%;
      height: 100%;
      cursor: pointer; }

div.tab[data-name='support'] ul.uploadedFiles > li {
  position: relative;
  padding: 12px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }
  div.tab[data-name='support'] ul.uploadedFiles > li > img {
    display: inline-block;
    vertical-align: middle;
    width: 80px; }
  div.tab[data-name='support'] ul.uploadedFiles > li > span {
    display: inline-block;
    margin: 0 0 0 10px;
    width: calc(100% - 80px - 10px - 24px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  div.tab[data-name='support'] ul.uploadedFiles > li > a.close {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 22px;
    height: 22px;
    cursor: pointer;
    border-radius: 50%;
    transition: background-color 0.3s; }
    div.tab[data-name='support'] ul.uploadedFiles > li > a.close::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/16px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);
      background-color: #666; }
    div.tab[data-name='support'] ul.uploadedFiles > li > a.close:hover {
      background-color: rgba(0, 0, 0, 0.1); }

div.tab[data-name='support'] div.faq {
  transition: opacity 0.5s; }
  div.tab[data-name='support'] div.faq.hidden {
    display: none; }
  div.tab[data-name='support'] div.faq.loading {
    transition: none; }
  div.tab[data-name='support'] div.faq > h2 {
    margin-bottom: 30px; }
  div.tab[data-name='support'] div.faq > div.suggestion {
    position: relative;
    width: 100%;
    user-select: text;
    transition: opacity 0.2s, height 0.3s, padding 0.3s, margin 0.3s; }
    div.tab[data-name='support'] div.faq > div.suggestion.noHeight {
      height: 0 !important;
      padding-top: 0;
      padding-bottom: 0;
      margin: 0; }
    div.tab[data-name='support'] div.faq > div.suggestion + div.suggestion {
      border-top: 1px solid rgba(0, 0, 0, 0.1);
      margin-top: 15px;
      padding-top: 15px; }
    div.tab[data-name='support'] div.faq > div.suggestion > strong {
      display: inline-block;
      font-size: 120%;
      font-weight: "%fontWeightNormal";
      line-height: 150%;
      padding: 5px 0;
      cursor: pointer; }
    div.tab[data-name='support'] div.faq > div.suggestion > p {
      font-size: 90%;
      background: #f2f2f2;
      border-radius: 0 0 10px 10px;
      transition: opacity 0.3s, margin 0.5s, padding 0.5s; }
      div.tab[data-name='support'] div.faq > div.suggestion > p > a {
        display: inline-block;
        padding: 2px 7px;
        font-weight: "%fontWeightMedium";
        color: #6494f4;
        border-radius: 5px;
        margin: 0 4px;
        cursor: pointer;
        transition: background 0.5s; }
        div.tab[data-name='support'] div.faq > div.suggestion > p > a:hover {
          background: rgba(100, 148, 244, 0.2); }
      div.tab[data-name='support'] div.faq > div.suggestion > p[data-type='answer'] {
        margin-bottom: 15px;
        padding: 3px 0 7px;
        transition: opacity 0.3s 0.3s, margin 0.5s, padding 0.5s; }
    div.tab[data-name='support'] div.faq > div.suggestion > div.answer {
      position: relative;
      margin-top: 2px;
      background: #f2f2f2;
      padding: 10px 12px;
      border-radius: 10px;
      transition: opacity 0.2s, height 0.3s, padding 0.3s, margin 0.3s;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0; }
      div.tab[data-name='support'] div.faq > div.suggestion > div.answer::before {
        content: "";
        position: absolute;
        top: -14px;
        left: 30px;
        border: 7px solid transparent;
        border-bottom-color: #f2f2f2; }
      div.tab[data-name='support'] div.faq > div.suggestion > div.answer p + p {
        margin-top: 10px; }
      div.tab[data-name='support'] div.faq > div.suggestion > div.answer.noHeight {
        height: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0; }

div.tab[data-name='support'] div.suggestedAnswers {
  background: none !important;
  box-shadow: none !important;
  padding: 10px 10px 80px 10px !important;
  overflow: hidden;
  display: flex;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  transform: translate3d(0, 20px, 0);
  transition: opacity 0.3s, transform 0.3s; }
  div.tab[data-name='support'] div.suggestedAnswers.visible {
    transform: translate3d(0, 0, 0); }
  @media (min-width: 901px) {
    div.tab[data-name='support'] div.suggestedAnswers::before {
      content: "";
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 70px;
      pointer-events: none;
      background: linear-gradient(to bottom, #f2f2f2 0%, transparent 100%);
      z-index: 2; } }
  div.tab[data-name='support'] div.suggestedAnswers > span.icon {
    position: absolute;
    bottom: 10px;
    right: 12px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(45deg, #6494f4 0%, #00e5fd 100%);
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
    div.tab[data-name='support'] div.suggestedAnswers > span.icon::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/36px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/support.svg);
      background-color: #fff; }
  div.tab[data-name='support'] div.suggestedAnswers > a {
    position: absolute;
    bottom: 32px;
    left: 17px;
    font-size: 120%;
    padding-left: 22px;
    cursor: pointer;
    display: none; }
    div.tab[data-name='support'] div.suggestedAnswers > a::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/14px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-feedback.svg);
      background-color: #666; }
    div.tab[data-name='support'] div.suggestedAnswers > a::before {
      -webkit-mask-position: left center; }
  div.tab[data-name='support'] div.suggestedAnswers > div.suggestion {
    position: relative;
    width: 100%;
    background: #fff;
    filter: drop-shadow(0 8px 8px rgba(0, 0, 0, 0.1));
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px 15px;
    user-select: text;
    transition: opacity 0.2s, height 0.3s, padding 0.3s, margin 0.3s; }
    div.tab[data-name='support'] div.suggestedAnswers > div.suggestion.noHeight {
      height: 0 !important;
      padding-top: 0;
      padding-bottom: 0;
      margin: 0; }
    div.tab[data-name='support'] div.suggestedAnswers > div.suggestion:last-of-type::before {
      content: "";
      position: absolute;
      bottom: -32px;
      right: 20px;
      border: 16px solid transparent;
      border-top-color: #fff; }
    div.tab[data-name='support'] div.suggestedAnswers > div.suggestion.absolute {
      position: absolute;
      bottom: -9999px;
      width: calc(100% - 20px); }
    div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > strong {
      font-size: 120%;
      font-weight: "%fontWeightNormal";
      line-height: 150%; }
    div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > p {
      margin: 15px 0 5px;
      text-align: right;
      font-size: 120%; }
      div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > p > a {
        display: inline-block;
        padding: 2px 7px;
        font-weight: "%fontWeightMedium";
        border-radius: 3px;
        margin: 0 3px;
        cursor: pointer;
        transition: background 0.5s; }
        div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > p > a:hover {
          background: rgba(0, 0, 0, 0.05); }
        div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > p > a[href] {
          float: left; }
    div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > div.answer {
      margin-top: 20px;
      transition: opacity 0.2s, height 0.3s, padding 0.3s, margin 0.3s; }
      div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > div.answer.noHeight {
        height: 0 !important;
        padding-top: 0;
        padding-bottom: 0;
        margin: 0; }
      div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > div.answer p + p {
        margin-top: 10px; }

div.tab[data-name='support'].onlySuggestions div.feedbackWrapper {
  display: none; }

div.tab[data-name='support'].onlySuggestions div.faq {
  display: none; }

div.tab[data-name='support'].onlySuggestions div.suggestedAnswers {
  max-height: none !important; }
  div.tab[data-name='support'].onlySuggestions div.suggestedAnswers::before {
    display: none; }
  div.tab[data-name='support'].onlySuggestions div.suggestedAnswers > a {
    display: block; }

html[dir='rtl'] div.tab[data-name='support'] div.upload > span {
  padding-right: 28px;
  padding-left: 3px; }
  html[dir='rtl'] div.tab[data-name='support'] div.upload > span::before {
    transform: scaleX(-1); }

html[dir='rtl'] div.tab[data-name='support'] div.upload > input[type='file'] {
  left: unset;
  right: -900%; }

html[dir='rtl'] div.tab[data-name='support'] ul.uploadedFiles > li > span {
  margin-right: 10px;
  margin-left: 0; }

html[dir='rtl'] div.tab[data-name='support'] ul.uploadedFiles > li > a.close {
  left: 0;
  right: unset; }

html[dir='rtl'] div.tab[data-name='support'] div.faq {
  direction: ltr; }

html[dir='rtl'] div.tab[data-name='support'] div.suggestedAnswers > span.icon {
  left: 12px;
  right: unset;
  box-shadow: -2px 2px 10px rgba(0, 0, 0, 0.2); }

html[dir='rtl'] div.tab[data-name='support'] div.suggestedAnswers > a {
  right: 17px;
  left: unset;
  padding-right: 22px;
  padding-left: 0; }
  html[dir='rtl'] div.tab[data-name='support'] div.suggestedAnswers > a::before {
    transform: scaleX(-1); }

html[dir='rtl'] div.tab[data-name='support'] div.suggestedAnswers > div.suggestion {
  direction: ltr; }
  html[dir='rtl'] div.tab[data-name='support'] div.suggestedAnswers > div.suggestion:last-of-type::before {
    left: 20px;
    right: unset; }
  html[dir='rtl'] div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > p {
    text-align: left; }
    html[dir='rtl'] div.tab[data-name='support'] div.suggestedAnswers > div.suggestion > p > a[href] {
      float: right; }

div.tab[data-name='premium'] p {
  line-height: 170%;
  font-size: 120%; }
  div.tab[data-name='premium'] p.large {
    font-size: 180%;
    font-weight: "%fontWeightNormal";
    margin-bottom: 25px; }

div.tab[data-name='premium'] > section {
  position: relative;
  max-width: 1280px;
  margin: 0 0 20px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
  div.tab[data-name='premium'] > section[data-type='intro'] {
    padding: 16px 20px 24px 100px; }
    div.tab[data-name='premium'] > section[data-type='intro']::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/48px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-premium.svg);
      background-color: #aaa; }
    div.tab[data-name='premium'] > section[data-type='intro']::before {
      width: 96px;
      height: 75px;
      pointer-events: none; }
    div.tab[data-name='premium'] > section[data-type='intro'] > a {
      vertical-align: top;
      display: inline-block;
      margin-top: 30px;
      cursor: pointer; }
      div.tab[data-name='premium'] > section[data-type='intro'] > a[data-type="activate"] {
        padding: 6px 8px;
        margin-left: 10px; }
    div.tab[data-name='premium'] > section[data-type='intro'] > span[data-type='activated'] {
      position: relative;
      display: block;
      font-size: 150%;
      color: #5eba7d;
      background: rgba(94, 186, 125, 0.2);
      padding: 10px 15px 10px 54px;
      margin: 30px 0 10px 0; }
      div.tab[data-name='premium'] > section[data-type='intro'] > span[data-type='activated']::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/26px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);
        background-color: #5eba7d; }
      div.tab[data-name='premium'] > section[data-type='intro'] > span[data-type='activated']::before {
        width: 50px; }
    div.tab[data-name='premium'] > section[data-type='intro'] > span[data-type='key'] {
      display: block;
      font-size: 80%; }
      div.tab[data-name='premium'] > section[data-type='intro'] > span[data-type='key'] > span {
        direction: ltr;
        margin: 0 5px;
        font-family: Consolas, sans-serif;
        user-select: text; }
      div.tab[data-name='premium'] > section[data-type='intro'] > span[data-type='key'] > a {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: top;
        cursor: pointer;
        margin-top: -3px; }
        div.tab[data-name='premium'] > section[data-type='intro'] > span[data-type='key'] > a::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/20px;
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);
          background-color: #f99; }
    div.tab[data-name='premium'] > section[data-type='intro'] > div[data-type='licenseKey'] {
      margin: 30px 0 20px 0;
      padding: 10px 12px;
      max-width: 600px;
      background: #666;
      color: #fff;
      border-radius: 10px;
      transition: opacity 0.5s; }
      div.tab[data-name='premium'] > section[data-type='intro'] > div[data-type='licenseKey'] > strong {
        display: block;
        margin-bottom: 10px; }
      div.tab[data-name='premium'] > section[data-type='intro'] > div[data-type='licenseKey'] > input[type='text'] {
        display: block;
        font-size: 140%;
        letter-spacing: 3px;
        height: 36px;
        padding: 7px 10px;
        font-family: Consolas, sans-serif;
        background: rgba(255, 255, 255, 0.1);
        text-transform: uppercase;
        color: #fff;
        border: none; }
      div.tab[data-name='premium'] > section[data-type='intro'] > div[data-type='licenseKey'] > button[type='submit'] {
        background: #fff;
        color: #666;
        padding: 4px 12px;
        font-weight: "%fontWeightMedium";
        font-size: 100%;
        border-radius: 25px;
        box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5); }
  div.tab[data-name='premium'] > section:not([data-type='intro']) {
    height: 600px;
    overflow: hidden; }
    @media (max-width: 1600px) {
      div.tab[data-name='premium'] > section:not([data-type='intro']) {
        height: 400px; } }
    @media (max-width: 1150px) {
      div.tab[data-name='premium'] > section:not([data-type='intro']) {
        height: auto; } }
    div.tab[data-name='premium'] > section:not([data-type='intro']) > img {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      left: 0;
      width: 100%; }
      @media (max-width: 1150px) {
        div.tab[data-name='premium'] > section:not([data-type='intro']) > img {
          position: relative; } }
    div.tab[data-name='premium'] > section:not([data-type='intro']) > div {
      position: absolute; }
      @media (max-width: 1150px) {
        div.tab[data-name='premium'] > section:not([data-type='intro']) > div {
          position: relative;
          padding: 15px 20px 25px 20px;
          z-index: 4; } }
  div.tab[data-name='premium'] > section[data-type='earlyAccess'] {
    background-color: #cfe0e8; }
    @media (max-width: 1600px) {
      div.tab[data-name='premium'] > section[data-type='earlyAccess'] > img {
        top: 0;
        bottom: unset; } }
    @media (min-width: 1151px) {
      div.tab[data-name='premium'] > section[data-type='earlyAccess'] > div {
        top: 12%;
        right: 3%;
        width: 40%; } }
  div.tab[data-name='premium'] > section[data-type='customBackground'] {
    background-color: #f7e4c3; }
    @media (min-width: 1151px) {
      div.tab[data-name='premium'] > section[data-type='customBackground'] > div {
        text-align: center;
        top: 4%;
        left: 10%;
        width: 80%; } }
  div.tab[data-name='premium'] > section[data-type='linkchecker'] {
    background-color: #2190ae; }
    div.tab[data-name='premium'] > section[data-type='linkchecker'] > div {
      color: #fff; }
      @media (min-width: 1151px) {
        div.tab[data-name='premium'] > section[data-type='linkchecker'] > div {
          top: 15%;
          right: 4%;
          width: 50%; } }
  div.tab[data-name='premium'] > section[data-type='themes'] {
    background-color: #222222; }
    div.tab[data-name='premium'] > section[data-type='themes'] > img {
      bottom: unset; }
    div.tab[data-name='premium'] > section[data-type='themes'] > div {
      color: #fff; }
      @media (min-width: 1151px) {
        div.tab[data-name='premium'] > section[data-type='themes'] > div {
          top: 16%;
          right: 3%;
          width: 43%; } }
  div.tab[data-name='premium'] > section[data-type='customCss'] {
    background-color: #333a45; }
    div.tab[data-name='premium'] > section[data-type='customCss'] > div {
      color: #fff; }
      @media (min-width: 1151px) {
        div.tab[data-name='premium'] > section[data-type='customCss'] > div {
          top: 12%;
          right: 4%;
          width: 50%; } }
  div.tab[data-name='premium'] > section[data-type='importExportSettings'] {
    background-color: #9a7b7c; }
    div.tab[data-name='premium'] > section[data-type='importExportSettings']::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/72px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-importExport.svg);
      background-color: #666; }
    @media (min-width: 1151px) {
      div.tab[data-name='premium'] > section[data-type='importExportSettings'] {
        height: 400px; } }
    div.tab[data-name='premium'] > section[data-type='importExportSettings']::before {
      -webkit-mask-position: 96% 18%;
      z-index: 3; }
    div.tab[data-name='premium'] > section[data-type='importExportSettings'] > img {
      height: 100%; }
    div.tab[data-name='premium'] > section[data-type='importExportSettings'] > div {
      color: #fff; }
      @media (min-width: 1151px) {
        div.tab[data-name='premium'] > section[data-type='importExportSettings'] > div {
          top: 15%;
          left: 4%;
          width: 50%; } }
  div.tab[data-name='premium'] > section[data-type='sidebarWidth'] {
    background-color: #dbd6d3; }
    div.tab[data-name='premium'] > section[data-type='sidebarWidth'] > div {
      text-align: left; }
      @media (min-width: 1151px) {
        div.tab[data-name='premium'] > section[data-type='sidebarWidth'] > div {
          top: 45%;
          left: 5%;
          width: 65%; }
          div.tab[data-name='premium'] > section[data-type='sidebarWidth'] > div > p {
            font-weight: "%fontWeightNormal"; } }
      @media (max-width: 1600px) and (min-width: 1151px) {
        div.tab[data-name='premium'] > section[data-type='sidebarWidth'] > div {
          top: 30%;
          width: 50%; } }
    div.tab[data-name='premium'] > section[data-type='sidebarWidth'] span.cursor {
      position: absolute;
      display: block;
      width: 22px;
      height: 34px;
      top: 50%;
      right: 284px;
      z-index: 5;
      animation: cursor 4s infinite; }
      div.tab[data-name='premium'] > section[data-type='sidebarWidth'] span.cursor > img {
        width: 100%; }
    div.tab[data-name='premium'] > section[data-type='sidebarWidth'] section.sidebarMockup {
      position: absolute;
      top: 0;
      right: 0;
      width: 300px;
      height: 100%;
      background: #fff;
      padding: 0 30px 0 70px;
      outline: 10px solid transparent;
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      z-index: 3;
      animation: sidebar 4s infinite; }
      div.tab[data-name='premium'] > section[data-type='sidebarWidth'] section.sidebarMockup[data-pos='right'] {
        transform: translate3d(350px, 0, 0);
        left: unset;
        right: 0; }
      div.tab[data-name='premium'] > section[data-type='sidebarWidth'] section.sidebarMockup.visible {
        transform: translate3d(0, 0, 0); }
      div.tab[data-name='premium'] > section[data-type='sidebarWidth'] section.sidebarMockup > p {
        position: relative;
        width: 100%;
        height: 10px;
        background: rgba(0, 0, 0, 0.06);
        transition: background-color 0.3s;
        margin: 47px 0; }
        div.tab[data-name='premium'] > section[data-type='sidebarWidth'] section.sidebarMockup > p::before {
          content: "";
          position: absolute;
          top: -10px;
          left: -50px;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          background: inherit; }

@keyframes cursor {
  0% {
    transform: translate3d(-40px, 30px, 0); }
  20% {
    transform: translate3d(0, 0, 0); }
  40% {
    transform: translate3d(-70px, 0, 0); }
  60% {
    transform: translate3d(30px, 0, 0); }
  80% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(-40px, 30px, 0); } }

@keyframes sidebar {
  10% {
    outline-color: transparent; }
  20% {
    width: 300px;
    outline-color: rgba(255, 255, 255, 0.5); }
  40% {
    width: 370px; }
  60% {
    width: 270px; }
  80% {
    width: 300px;
    outline-color: rgba(255, 255, 255, 0.5); }
  90% {
    outline-color: transparent; } }

html[dir='rtl'] div.tab[data-name='premium'] > section {
  box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.1); }
  html[dir='rtl'] div.tab[data-name='premium'] > section[data-type='intro'] {
    padding-right: 100px;
    padding-left: 20px; }
    html[dir='rtl'] div.tab[data-name='premium'] > section[data-type='intro']::before {
      left: unset;
      right: 0; }
    html[dir='rtl'] div.tab[data-name='premium'] > section[data-type='intro'] > a[data-type="activate"] {
      margin-left: 0;
      margin-right: 10px; }
    html[dir='rtl'] div.tab[data-name='premium'] > section[data-type='intro'] > span[data-type='activated'] {
      padding-right: 54px;
      padding-left: 15px; }
      html[dir='rtl'] div.tab[data-name='premium'] > section[data-type='intro'] > span[data-type='activated']::before {
        left: unset;
        right: 0;
        width: 50px; }

label {
  display: block;
  font-weight: "%fontWeightBold"; }

div.checkbox {
  margin: 10px 0 10px 1px; }

select, input[type='email'], input[type='text'], textarea {
  border: none;
  outline: 0;
  height: 28px;
  padding: 0 5px;
  margin: 7px 0 10px;
  background: rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.5s; }
  select.error, input[type='email'].error, input[type='text'].error, textarea.error {
    box-shadow: 0 0 10px #f99; }

input[type='text'] {
  width: 100%; }

select {
  cursor: pointer;
  max-width: 100%; }
  select.hidden {
    display: none; }

textarea {
  display: block;
  width: 100%;
  height: 300px;
  padding: 5px;
  line-height: 150%;
  resize: vertical; }

input.color {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: top;
  cursor: pointer;
  opacity: 0; }
  input.color + span {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    margin: 7px 0 10px -32px;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1); }
    input.color + span::before, input.color + span::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 50%; }
    input.color + span::before {
      background: #fff url(chrome-extension://__MSG_@@extension_id__/img/settings/alpha.svg);
      background-size: 14px; }
    input.color + span::after {
      background-color: inherit; }
  input.color ~ span.suggestion {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 15px;
    border-radius: 5px;
    margin: 15px 0 0 10px;
    cursor: pointer; }
    input.color ~ span.suggestion::before, input.color ~ span.suggestion::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px; }
    input.color ~ span.suggestion::before {
      background: #fff url(chrome-extension://__MSG_@@extension_id__/img/settings/alpha.svg);
      background-size: 10px; }
    input.color ~ span.suggestion::after {
      background-color: inherit; }
    input.color ~ span.suggestion[data-value="transparent"], input.color ~ span.suggestion[data-value^="rgba(255,255,255,"], input.color ~ span.suggestion [data-value="#ffffff"] {
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
      border: 1px solid rgba(0, 0, 0, 0.07); }

ul.radioWrapper > li {
  padding: 7px 0; }
  ul.radioWrapper > li > div.checkbox {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 0 0; }
  ul.radioWrapper > li > span {
    vertical-align: top; }

div.iconShapeWrapper ul.radioWrapper {
  margin-top: 20px; }
  div.iconShapeWrapper ul.radioWrapper span[class^='icon-'] {
    position: relative;
    display: inline-block;
    margin: -10px 0 5px 3px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #666; }
    div.iconShapeWrapper ul.radioWrapper span[class^='icon-']::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/20px;
      background-color: #fff; }
  div.iconShapeWrapper ul.radioWrapper span.icon-bookmark::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-bookmark.svg); }
  div.iconShapeWrapper ul.radioWrapper span.icon-bookmark-filled::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-bookmark-filled.svg); }
  div.iconShapeWrapper ul.radioWrapper span.icon-star::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-star.svg); }
  div.iconShapeWrapper ul.radioWrapper span.icon-new-1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-new-1.svg); }
  div.iconShapeWrapper ul.radioWrapper span.icon-new-2::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-new-2.svg); }
  div.iconShapeWrapper ul.radioWrapper span.icon-dir-1::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-1.svg); }
  div.iconShapeWrapper ul.radioWrapper span.icon-dir-2::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-2.svg);
    -webkit-mask-size: 18px; }
  div.iconShapeWrapper ul.radioWrapper span.icon-dir-3::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-dir-3.svg); }
  div.iconShapeWrapper ul.radioWrapper span.icon-star-filled::before {
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon/action/icon-star-filled.svg); }

input[type='range'] {
  display: inline-block;
  vertical-align: top;
  -webkit-appearance: none;
  width: 100%;
  max-width: 250px;
  height: 20px;
  background-image: linear-gradient(to right, #6494f4 0%, #6494f4 -1px, rgba(0, 0, 0, 0.2) -1px, rgba(0, 0, 0, 0.2) 100%);
  background-repeat: no-repeat;
  background-size: 100% 3px;
  background-position: 0 9px;
  margin: 7px 0 20px;
  cursor: pointer;
  transition: opacity 0.3s; }
  input[type='range']:focus {
    outline: 0; }
  input[type='range']::-webkit-slider-runnable-track {
    position: relative;
    cursor: pointer;
    height: 3px;
    width: 100%;
    outline: 0; }
  input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #6494f4;
    border-radius: 50%;
    cursor: pointer;
    height: 12px;
    width: 12px;
    margin-top: -4px; }
  input[type='range'] + span {
    position: relative;
    display: inline-block;
    background: rgba(0, 0, 0, 0.1);
    color: #666;
    font-size: 70%;
    padding: 2px 5px 3px;
    margin: 9px 0 0 6px;
    text-align: center;
    min-width: 35px;
    transition: opacity 0.3s; }
    input[type='range'] + span::before {
      content: "";
      position: absolute;
      top: calc(50% - 4px);
      left: -8px;
      border: 4px solid transparent;
      border-right-color: rgba(0, 0, 0, 0.1); }
  input[type='range'].inactive {
    opacity: 0.2;
    pointer-events: none; }
    input[type='range'].inactive + span {
      opacity: 0.2;
      pointer-events: none; }

div.sub {
  margin: 0 0 20px 0; }
  div.sub div.checkbox {
    display: inline-block;
    vertical-align: top;
    margin: 0 7px 0 0;
    width: 16px;
    height: 16px; }
    div.sub div.checkbox::before {
      -webkit-mask-size: 18px; }
    div.sub div.checkbox + label {
      display: inline-block;
      vertical-align: top;
      font-size: 90%;
      font-weight: "%fontWeightMedium"; }

html[dir='rtl'] div.checkbox {
  margin: 10px 0 10px 1px; }

html[dir='rtl'] input.color {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: top;
  cursor: pointer;
  opacity: 0; }
  html[dir='rtl'] input.color + span {
    margin-right: -32px;
    margin-left: unset;
    box-shadow: -1px 1px 10px rgba(0, 0, 0, 0.1); }
  html[dir='rtl'] input.color ~ span.suggestion {
    margin-right: 10px;
    margin-left: unset; }

html[dir='rtl'] ul.radioWrapper > li > div.checkbox {
  margin-left: 10px;
  margin-right: 0; }

html[dir='rtl'] input[type='range'] {
  background-image: linear-gradient(to left, #6494f4 0%, #6494f4 -1px, rgba(0, 0, 0, 0.2) -1px, rgba(0, 0, 0, 0.2) 100%); }
  html[dir='rtl'] input[type='range'] + span {
    margin-right: 6px;
    margin-left: 0; }
    html[dir='rtl'] input[type='range'] + span::before {
      right: -8px;
      left: unset;
      border-right-color: transparent;
      border-left-color: rgba(0, 0, 0, 0.1); }
      @media (max-width: 1000px) and (min-width: 900px) {
        html[dir='rtl'] input[type='range'] + span::before {
          right: 4px;
          left: unset; } }

html[dir='rtl'] div.sub div.checkbox {
  margin: 0 0 0 7px; }
  html[dir='rtl'] div.sub div.checkbox + label {
    margin-left: unset; }

div.tab[data-name='language'] > div[data-name='translate'] div.translationInfo::before {
  top: 25px;
  bottom: unset; }

div.tab[data-name='language'] > div[data-name='translate'] div.translationInfo > hr {
  margin-left: 40px; }

div.tab[data-name='language'] > div[data-name='translate'] div.translationInfo > div {
  display: flex;
  flex-flow: row wrap;
  padding: 0 0 0 40px; }
  div.tab[data-name='language'] > div[data-name='translate'] div.translationInfo > div > label {
    display: inline-block;
    order: 2; }
  div.tab[data-name='language'] > div[data-name='translate'] div.translationInfo > div > div.checkbox {
    display: inline-block;
    vertical-align: top;
    margin: -1px 10px 0 0;
    order: 1; }

div.tab[data-name='language'] > div[data-name='translate'] > div {
  display: none; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.visible {
    display: block; }

div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box {
  cursor: pointer; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box > select {
    margin: 0; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box > div.progress {
    position: relative;
    width: 200px;
    height: 3px;
    margin: 15px 0 0 0;
    background: rgba(0, 0, 0, 0.1); }
    div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box > div.progress > div {
      position: absolute;
      top: 0;
      left: 0;
      width: auto;
      height: 100%;
      background: #6494f4; }
    div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box > div.progress::before {
      content: attr(data-value);
      position: absolute;
      top: -5px;
      right: -50px;
      width: 50px;
      padding: 0 0 0 5px;
      font-size: 80%;
      color: #aaa; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box > span {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 20px;
    width: 20px;
    height: 20px;
    cursor: help; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box[data-status='released'] > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/24px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);
    background-color: #5eba7d; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box[data-status='incomplete'] > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/22px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-check.svg);
    background-color: #f5c525; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box[data-status='draft'] > span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/24px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-close.svg);
    background-color: #f99; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box.mark > strong {
    color: #fff;
    padding: 3px 7px 4px; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box.mark[data-status='released'] > strong {
    background: #5eba7d; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box.mark[data-status='draft'] > strong {
    background: #f99; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box.mark[data-status='incomplete'] > strong {
    background: #f5c525; }

div.tab[data-name='language'] > div[data-name='translate'] > div.langvars.loading > div.notice {
  display: none; }

div.tab[data-name='language'] > div[data-name='translate'] > div.langvars > svg.loading {
  position: absolute;
  top: 30%;
  left: calc(50% - 18px); }

div.tab[data-name='language'] > div[data-name='translate'] > div.langvars div.box {
  cursor: pointer; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.langvars div.box > strong {
    display: inline-block;
    vertical-align: top;
    font-weight: "%fontWeightMedium";
    color: #666;
    font-size: 120%; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.langvars div.box > span.amountInfo {
    position: relative;
    display: block;
    float: right;
    margin: 2px 0 0 0;
    color: #aaa; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.langvars div.box > span.requiredInfo {
    display: inline-block;
    font-size: 80%;
    margin: 4px 0 0 10px;
    color: #aaa; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.langvars div.box.incomplete > span.amountInfo > span {
    color: #fff;
    background: #f99;
    font-weight: "%fontWeightMedium";
    padding: 0 3px;
    font-size: 90%; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.langvars div.box > ul {
    display: none; }

div.tab[data-name='language'] > div[data-name='translate'] > div.category {
  position: relative;
  max-width: 1280px;
  margin: 0 0 20px;
  line-height: 140%; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.category > header {
    position: sticky;
    top: 0;
    background: #fff;
    box-shadow: 0 5px 7px -2px rgba(0, 0, 0, 0.1);
    padding: 12px 20px;
    margin: 0 -12px 0;
    border-radius: 10px;
    z-index: 4; }
    div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > span.amountInfo {
      float: right;
      margin-right: 15px; }
    div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a {
      position: relative;
      cursor: pointer; }
      div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.back {
        padding: 5px 5px 5px 17px; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.back::before {
          content: "";
          position: absolute;
          top: 8px;
          left: 0;
          width: 10px;
          height: 10px;
          border-top: 2px solid #aaa;
          border-left: 2px solid #aaa;
          transform: rotateZ(-45deg); }
      div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.goto {
        float: right;
        display: inline-block;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        margin: -5px 0 0 3px;
        transition: background 0.5s; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.goto:hover {
          background: #f5f5f5; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.goto::after {
          content: "";
          position: absolute;
          top: 0;
          left: 8px;
          display: block;
          border-top: 3px solid #aaa;
          border-right: 3px solid #aaa;
          width: 10px;
          height: 10px; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.goto[data-value='up']::after {
          transform: rotateZ(-45deg);
          top: 10px; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.goto[data-value='down']::after {
          transform: rotateZ(135deg);
          top: 6px; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul {
    margin-top: 20px; }
    div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li {
      display: flex;
      flex-flow: row wrap;
      justify-content: space-between;
      padding: 10px 0;
      background: #fff;
      box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
      border-radius: 10px;
      margin-bottom: 20px; }
      div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li:first-child {
        border: none; }
      div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div {
        position: relative;
        width: 40%;
        padding: 0 12px; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div:first-of-type::after {
          content: "";
          position: absolute;
          top: 28px;
          right: -4px;
          width: 12px;
          height: 12px;
          border-top: 2px solid rgba(0, 0, 0, 0.1);
          border-right: 2px solid rgba(0, 0, 0, 0.1);
          transform: rotateZ(45deg); }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > span, div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > textarea {
          border-radius: 7px;
          background: rgba(0, 0, 0, 0.05);
          padding: 7px 10px;
          line-height: 150%; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > span {
          display: block;
          min-height: 70px;
          user-select: text; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > textarea {
          height: 70px;
          margin: 0;
          resize: none;
          overflow: hidden;
          transition: box-shadow 0.5s, background 0.5s; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb {
          display: flex;
          font-size: 80%;
          margin: 7px 0 0 0; }
          div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb > label {
            margin: 0 5px 0 0; }
          div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb > div {
            display: flex; }
            div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb > div > span {
              position: relative;
              display: block;
              height: 20px;
              line-height: 20px;
              padding: 0 1px 0 4px;
              background: rgba(0, 0, 0, 0.05); }
              div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb > div > span + span {
                padding-left: 18px; }
              div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb > div > span:last-child {
                margin-right: 12px; }
              div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb > div > span::before, div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb > div > span::after {
                content: "";
                position: absolute;
                z-index: 2; }
              div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb > div > span::before {
                top: -4px;
                right: -28px;
                border: 14px solid transparent;
                border-left-color: #fff; }
              div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div > footer.breadcrumb > div > span::after {
                top: 0;
                right: -20px;
                border: 10px solid transparent;
                border-left-color: rgba(0, 0, 0, 0.05); }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div + div {
          width: 60%; }
      div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > span.desc {
        display: none; }
      div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li.mark > div > span {
        box-shadow: 0 0 0 2px #00e5fd; }
      div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li.mark > span.desc {
        position: relative;
        display: block;
        margin: 10px 20px 15px;
        padding: 7px 10px;
        font-size: 90%;
        line-height: 150%;
        border-radius: 10px;
        background: #666;
        color: #fff; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li.mark > span.desc::before {
          content: "";
          position: absolute;
          bottom: -20px;
          left: 30px;
          border: 10px solid transparent;
          border-top-color: #666; }

div.tab[data-name='language'] > div[data-name='translate'] > div.thanks blockquote {
  position: relative;
  padding: 10px 0 0 36px;
  margin: 0 0 30px 0;
  line-height: 150%; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.thanks blockquote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/20px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-quote.svg);
    background-color: #aaa; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.thanks blockquote::before {
    -webkit-mask-position: 0 12px; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.thanks blockquote > footer {
    font-weight: "%fontWeightMedium";
    font-size: 90%;
    margin-top: 7px; }
    div.tab[data-name='language'] > div[data-name='translate'] > div.thanks blockquote > footer::before {
      content: "\2013";
      margin: 0 4px 0 0; }

div.tab[data-name='language'] > div[data-name='translate'] > div.thanks input[type='email'] {
  width: 180px;
  margin: 0; }

div.tab[data-name='language'] > div[data-name='translate'] > div.thanks p.submitWrapper {
  margin-top: 40px; }
  div.tab[data-name='language'] > div[data-name='translate'] > div.thanks p.submitWrapper > a {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    transition: padding 0.3s;
    cursor: pointer; }
    div.tab[data-name='language'] > div[data-name='translate'] > div.thanks p.submitWrapper > a.close {
      margin: 3px 0 0 12px;
      padding: 2px 4px; }
    div.tab[data-name='language'] > div[data-name='translate'] > div.thanks p.submitWrapper > a.loading {
      padding-right: 40px;
      pointer-events: none; }
      div.tab[data-name='language'] > div[data-name='translate'] > div.thanks p.submitWrapper > a.loading > svg.loading {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto;
        width: 16px;
        height: 16px; }
        div.tab[data-name='language'] > div[data-name='translate'] > div.thanks p.submitWrapper > a.loading > svg.loading > circle {
          stroke: #fff; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] div.translationInfo > hr {
  margin-right: 40px;
  margin-left: 0; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] div.translationInfo > div {
  padding-right: 40px;
  padding-left: 0; }
  html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] div.translationInfo > div > div.checkbox {
    margin-left: 10px;
    margin-right: 0; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box > div.progress > div {
  right: 0;
  left: unset; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box > div.progress::before {
  left: -50px;
  right: unset;
  padding-right: 5px;
  padding-left: 0; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.overview div.box > span {
  left: 20px;
  right: unset; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.langvars div.box > span.amountInfo {
  float: left;
  direction: ltr; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.langvars div.box > span.requiredInfo {
  margin-right: 10px;
  margin-left: 0; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > span.amountInfo {
  float: left;
  margin-right: unset;
  margin-left: 15px;
  direction: ltr; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.back {
  padding-right: 17px;
  padding-left: 5px; }
  html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.back::before {
    left: unset;
    right: 0;
    transform: rotateZ(135deg); }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.category > header > a.goto {
  float: left;
  margin-right: 3px;
  margin-left: 0; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div:first-of-type {
  direction: ltr;
  text-align: left; }
  html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.category > ul > li > div:first-of-type::after {
    right: unset;
    left: -4px;
    transform: scaleX(-1) rotateZ(45deg); }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.thanks blockquote {
  padding-right: 36px;
  padding-left: 0; }
  html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.thanks blockquote::before {
    -webkit-mask-position-x: right; }
  html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.thanks blockquote > footer::before {
    margin-right: 0;
    margin-left: 4px; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.thanks p.submitWrapper > a.close {
  margin-right: 12px;
  margin-left: 0; }

html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.thanks p.submitWrapper > a.loading {
  padding-right: 12px;
  padding-left: 40px; }
  html[dir='rtl'] div.tab[data-name='language'] > div[data-name='translate'] > div.thanks p.submitWrapper > a.loading > svg.loading {
    left: 10px;
    right: unset; }

div.tab[data-name='export'] p.premium {
  margin-top: 30px; }

div.tab[data-name='export'] a.import, div.tab[data-name='export'] a.export {
  margin: 30px 15px 0 0; }
  div.tab[data-name='export'] a.import.inactive, div.tab[data-name='export'] a.export.inactive {
    pointer-events: none;
    background: #f5f5f5;
    color: #aaa;
    box-shadow: none; }

div.tab[data-name='export'] a.import > input[type='file'] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: -400%;
  width: 500%;
  height: 100%;
  outline: none;
  opacity: 0;
  z-index: 2; }

div.tab[data-name='export'] [data-value='exportBookmarks'] > a {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  padding: 10px 20px 10px 42px;
  margin-top: 24px; }
  div.tab[data-name='export'] [data-value='exportBookmarks'] > a > span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 7px;
    margin: auto;
    width: 30px;
    height: 30px; }
    div.tab[data-name='export'] [data-value='exportBookmarks'] > a > span::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-mask: no-repeat center/24px;
      -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-help.svg);
      background-color: #aaa; }

html[dir='rtl'] div.tab[data-name='export'] a.import, html[dir='rtl'] div.tab[data-name='export'] a.export {
  margin-left: 15px;
  margin-right: unset; }

html[dir='rtl'] div.tab[data-name='export'] [data-value='exportBookmarks'] > a {
  position: relative;
  padding-right: 42px;
  padding-left: 20px; }
  html[dir='rtl'] div.tab[data-name='export'] [data-value='exportBookmarks'] > a > span {
    transform: scaleX(-1);
    right: 7px;
    left: unset; }

body > section#wrapper::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 250px;
  height: calc(100% + 20px);
  background: #322e2f; }

body > section#wrapper > aside {
  position: relative;
  width: 250px;
  height: calc(100vh - 50px - 60px);
  margin-top: 60px;
  overflow-y: auto; }
  body > section#wrapper > aside > nav {
    height: 100%; }
    body > section#wrapper > aside > nav li.hidden {
      display: none; }
    body > section#wrapper > aside > nav > ul {
      display: flex;
      flex-direction: column;
      height: 100%; }
      body > section#wrapper > aside > nav > ul > li[data-name='dashboard'] > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-dashboard.svg);
        background-color: #aaa; }
      body > section#wrapper > aside > nav > ul > li[data-name='sidebar'] > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-settings.svg);
        background-color: #aaa; }
      body > section#wrapper > aside > nav > ul > li[data-name='appearance'] > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-appearance.svg);
        background-color: #aaa; }
      body > section#wrapper > aside > nav > ul > li[data-name='newtab'] > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/16px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-newtab.svg);
        background-color: #aaa; }
      body > section#wrapper > aside > nav > ul > li[data-name='support'] > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/22px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-support.svg);
        background-color: #aaa; }
      body > section#wrapper > aside > nav > ul > li[data-name='premium'] > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/18px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-premium.svg);
        background-color: #aaa; }
      body > section#wrapper > aside > nav > ul > li[data-name='premium'] > a::before {
        z-index: 2; }
      body > section#wrapper > aside > nav > ul > li[data-name='premium'].inactive > a::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 15px;
        margin: auto;
        width: 31px;
        height: 31px;
        border-radius: 50%;
        background: rgba(245, 197, 37, 0.8);
        transition: background 0.5s;
        z-index: 1; }
      body > section#wrapper > aside > nav > ul > li[data-name='premium'].inactive > a::before {
        background-color: #322e2f; }
      body > section#wrapper > aside > nav > ul > li[data-name='infos'] > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
        background-color: #aaa; }
      body > section#wrapper > aside > nav > ul > li[data-name='language'] > a::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/20px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-translate.svg);
        background-color: #aaa; }
      body > section#wrapper > aside > nav > ul > li[data-name='language'].incomplete > a > span {
        display: inline-block;
        position: relative;
        width: 24px;
        height: 24px;
        margin: 10px 0 0 5px;
        vertical-align: top;
        cursor: help; }
        body > section#wrapper > aside > nav > ul > li[data-name='language'].incomplete > a > span::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/16px;
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
          background-color: rgba(255, 153, 153, 0.8); }
      body > section#wrapper > aside > nav > ul > li[data-name='export'] {
        margin-top: auto; }
        body > section#wrapper > aside > nav > ul > li[data-name='export'] > a::before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          -webkit-mask: no-repeat center/22px;
          -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/icon-importExport.svg);
          background-color: #aaa; }
      body > section#wrapper > aside > nav > ul > li[data-name='expert'] {
        font-size: 90%;
        background: rgba(255, 255, 255, 0.07);
        margin-top: 16px;
        line-height: 32px; }
        body > section#wrapper > aside > nav > ul > li[data-name='expert'].active::after {
          top: 6px; }
        body > section#wrapper > aside > nav > ul > li[data-name='expert'] > a {
          padding-left: 32px; }
          body > section#wrapper > aside > nav > ul > li[data-name='expert'] > a::after {
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: 10px;
            width: 6px;
            height: 6px;
            margin: auto;
            border-top: 2px solid #aaa;
            border-right: 2px solid #aaa;
            transform: rotateZ(45deg); }
      body > section#wrapper > aside > nav > ul > li.active::after {
        content: "";
        position: absolute;
        top: 12px;
        right: 0;
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-right-color: #f2f2f2; }
      body > section#wrapper > aside > nav > ul > li.active > a {
        background: rgba(255, 255, 255, 0.07); }
        body > section#wrapper > aside > nav > ul > li.active > a::before {
          background-color: #ccc; }
    body > section#wrapper > aside > nav ul > li {
      position: relative;
      display: block;
      line-height: 44px; }
      body > section#wrapper > aside > nav ul > li > a {
        position: relative;
        display: block;
        width: 100%;
        padding: 0 10px 0 52px;
        color: #aaa;
        transition: background 0.5s; }
        body > section#wrapper > aside > nav ul > li > a:hover {
          background: rgba(255, 255, 255, 0.07); }
        body > section#wrapper > aside > nav ul > li > a::before {
          width: 32px !important;
          left: 22px !important;
          -webkit-mask-position: left center !important;
          pointer-events: none; }
      body > section#wrapper > aside > nav ul > li.active > a {
        font-weight: "%fontWeightMedium";
        color: #ccc; }
      body > section#wrapper > aside > nav ul > li > ul {
        margin-left: 30px;
        height: 0;
        transition: height 0.3s;
        overflow: hidden; }
        body > section#wrapper > aside > nav ul > li > ul > li {
          line-height: 30px; }
          body > section#wrapper > aside > nav ul > li > ul > li > a {
            padding: 0 10px 0 22px;
            font-size: 90%; }
            body > section#wrapper > aside > nav ul > li > ul > li > a::before {
              content: "-";
              position: absolute;
              left: 12px !important; }
            body > section#wrapper > aside > nav ul > li > ul > li > a::after {
              display: none; }

html[dir='rtl'] body > section#wrapper::before {
  right: 0;
  left: unset; }

html[dir='rtl'] body > section#wrapper > aside > nav > ul > li[data-name='language'].incomplete > a > span {
  margin-right: 5px;
  margin-left: unset; }

html[dir='rtl'] body > section#wrapper > aside > nav > ul > li[data-name='premium'].inactive > a::after {
  left: unset;
  right: 15px; }

html[dir='rtl'] body > section#wrapper > aside > nav > ul > li[data-name='newtab'] > a::before, html[dir='rtl'] body > section#wrapper > aside > nav > ul > li[data-name='support'] > a::before {
  transform: scaleX(-1);
  -webkit-mask-position-x: left !important; }

html[dir='rtl'] body > section#wrapper > aside > nav > ul > li[data-name='expert'] > a {
  padding-left: 10px;
  padding-right: 32px; }
  html[dir='rtl'] body > section#wrapper > aside > nav > ul > li[data-name='expert'] > a::after {
    right: 10px;
    left: unset;
    transform: rotateZ(-135deg); }

html[dir='rtl'] body > section#wrapper > aside > nav > ul > li.active::after {
  left: 0;
  right: unset;
  transform: scaleX(-1); }

html[dir='rtl'] body > section#wrapper > aside > nav ul > li > a {
  padding-right: 52px;
  padding-left: 10px; }
  html[dir='rtl'] body > section#wrapper > aside > nav ul > li > a::before {
    left: unset !important;
    right: 22px !important;
    -webkit-mask-position: right center !important; }

html[dir='rtl'] body > section#wrapper > aside > nav ul > li > ul {
  margin-left: unset;
  margin-right: 30px; }
  html[dir='rtl'] body > section#wrapper > aside > nav ul > li > ul > li > a {
    padding-right: 22px;
    padding-left: 10px; }
    html[dir='rtl'] body > section#wrapper > aside > nav ul > li > ul > li > a::before {
      right: 12px !important;
      left: unset; }

div.tab[data-name='sidebar'] > div[data-name='tooltip'] div.sub.additionalInfo {
  margin-top: 10px; }

div.tab[data-name='expert'] input.search {
  max-width: 250px;
  margin-top: 25px; }

div.tab[data-name='expert'] p + p {
  margin-top: 15px; }

div.tab[data-name='expert'] p.premium {
  margin-top: 30px; }

div.tab[data-name='expert'] > div[data-type] > ul li {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  padding: 0 5px; }
  div.tab[data-name='expert'] > div[data-type] > ul li:hover {
    background: rgba(0, 0, 0, 0.04); }
  div.tab[data-name='expert'] > div[data-type] > ul li > label {
    position: relative;
    padding-right: 12px;
    margin-right: 7px;
    line-height: 28px; }
    div.tab[data-name='expert'] > div[data-type] > ul li > label::after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 6px;
      height: 6px;
      margin: auto;
      border-top: 2px solid rgba(0, 0, 0, 0.2);
      border-right: 2px solid rgba(0, 0, 0, 0.2);
      transform: rotateZ(45deg); }
    div.tab[data-name='expert'] > div[data-type] > ul li > label > div.info {
      position: relative;
      display: inline-block;
      width: 20px;
      height: 20px;
      font-weight: normal;
      vertical-align: middle;
      margin: -3px 0 0 5px;
      cursor: help; }
      div.tab[data-name='expert'] > div[data-type] > ul li > label > div.info::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-mask: no-repeat center/16px;
        -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
        background-color: #aaa; }
      div.tab[data-name='expert'] > div[data-type] > ul li > label > div.info > span {
        position: absolute;
        width: 200px;
        background: rgba(0, 0, 0, 0.8);
        top: 28px;
        left: calc(-100px + 10px);
        color: #fff;
        font-size: 80%;
        line-height: normal;
        padding: 5px;
        border-radius: 5px;
        transform: translate3d(0, -5px, 0);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s, transform 0.3s;
        z-index: 9; }
        div.tab[data-name='expert'] > div[data-type] > ul li > label > div.info > span::before {
          content: "";
          position: absolute;
          top: -14px;
          left: 0;
          right: 0;
          width: 0;
          height: 0;
          margin: auto;
          border: 7px solid transparent;
          border-bottom-color: #444; }
      div.tab[data-name='expert'] > div[data-type] > ul li > label > div.info:hover > span {
        transform: translate3d(0, 0, 0);
        opacity: 1; }
  div.tab[data-name='expert'] > div[data-type] > ul li > input[type='text'] {
    width: auto;
    flex: 1;
    margin: 0;
    background: none;
    font-size: 90%;
    transition: box-shadow 0.5s; }
    div.tab[data-name='expert'] > div[data-type] > ul li > input[type='text']:focus {
      background: rgba(0, 0, 0, 0.04); }
    div.tab[data-name='expert'] > div[data-type] > ul li > input[type='text'].error {
      box-shadow: 0 0 3px #f99; }

div.tab[data-name='expert'] > div[data-type] > ul ul {
  flex: 1;
  margin-top: 24px; }

html[dir='rtl'] div.tab[data-name='expert'] > div[data-type] {
  direction: ltr; }
  html[dir='rtl'] div.tab[data-name='expert'] > div[data-type] > ul li > label > div.info {
    direction: rtl;
    text-align: right; }

div.color-picker {
  position: absolute;
  z-index: 9;
  width: 225px;
  background: #fff;
  box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
  margin: 0;
  display: none;
  user-select: none;
  margin-left: -10px;
  padding: 7px;
  border-radius: 3px; }
  div.color-picker[data-pos='bottom-right'], div.color-picker[data-pos='top-right'] {
    margin-left: 10px; }
  div.color-picker.visible {
    display: block; }
  div.color-picker > div.picking-area {
    position: relative;
    background: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
    width: 160px;
    height: 160px; }
    div.color-picker > div.picking-area > div {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      border: 1px solid #fff;
      position: absolute;
      top: 45%;
      left: 45%; }
      div.color-picker > div.picking-area > div::before {
        width: 8px;
        height: 8px;
        content: "";
        position: absolute;
        border: 1px solid #666;
        border-radius: 50%; }
  div.color-picker > div.alpha, div.color-picker > div.hue {
    position: relative;
    width: 160px;
    height: 14px;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 2px; }
    div.color-picker > div.alpha div.slider-picker, div.color-picker > div.hue div.slider-picker {
      width: 4px;
      height: calc(100% + 4px);
      background-color: #fff;
      position: absolute;
      top: -2px;
      border: 1px solid #666;
      border-radius: 3px; }
  div.color-picker > div.alpha {
    background-image: url(chrome-extension://__MSG_@@extension_id__/img/settings/alpha.svg);
    background-size: 12px; }
    div.color-picker > div.alpha > div {
      width: 100%;
      height: 100%;
      border-radius: inherit; }
  div.color-picker > div.hue {
    background: linear-gradient(to right, #f00 0%, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, #f00 100%); }
  div.color-picker > div.input-r, div.color-picker > div.input-g, div.color-picker > div.input-b, div.color-picker > div.input-a {
    position: absolute;
    top: 7px;
    right: 7px;
    width: 45px;
    padding: 0 5px;
    background: #f2f2f2;
    border-radius: 18px;
    display: flex; }
    div.color-picker > div.input-r > span, div.color-picker > div.input-g > span, div.color-picker > div.input-b > span, div.color-picker > div.input-a > span {
      display: inline-block;
      color: #666;
      line-height: 18px;
      font-size: 80%;
      font-weight: "%fontWeightBold";
      text-transform: capitalize; }
    div.color-picker > div.input-r > input, div.color-picker > div.input-g > input, div.color-picker > div.input-b > input, div.color-picker > div.input-a > input {
      display: inline-block;
      margin: 0 0 0 3px;
      padding: 0;
      height: 18px;
      line-height: 18px;
      border: none;
      color: #666;
      background: transparent;
      text-align: right;
      font-size: 80%; }
  div.color-picker > div.input-g {
    top: 30px; }
  div.color-picker > div.input-b {
    top: 53px; }
  div.color-picker > div.input-a {
    top: 76px; }
  div.color-picker > div.input-color > span {
    display: none; }
  div.color-picker > div.input-color > input {
    width: 160px;
    margin: 0;
    padding: 0 10px;
    height: 18px;
    line-height: 18px;
    border-radius: 18px;
    border: none;
    color: #666;
    background: #f2f2f2;
    font-size: 80%; }

html[dir='rtl'] div.color-picker {
  box-shadow: -1px 1px 20px rgba(0, 0, 0, 0.3); }
  html[dir='rtl'] div.color-picker > div.input-r, html[dir='rtl'] div.color-picker > div.input-g, html[dir='rtl'] div.color-picker > div.input-b, html[dir='rtl'] div.color-picker > div.input-a {
    right: unset;
    left: 7px; }
    html[dir='rtl'] div.color-picker > div.input-r > input, html[dir='rtl'] div.color-picker > div.input-g > input, html[dir='rtl'] div.color-picker > div.input-b > input, html[dir='rtl'] div.color-picker > div.input-a > input {
      margin-right: 3px;
      margin-left: unset;
      text-align: left; }
  html[dir='rtl'] div.color-picker > div.input-color > span {
    display: none; }

body {
  background: #f2f2f2;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1024px;
  height: 100%;
  user-select: none;
  overflow: hidden; }
  @media (max-width: 800px) {
    body {
      overflow: auto; } }
  body::before, body::after {
    position: fixed; }
  body::after {
    content: attr(data-successtext);
    top: 70px;
    left: 0;
    right: 0;
    margin: auto;
    width: 600px;
    padding: 40px;
    text-align: center;
    font-size: 140%;
    color: #fff;
    background: #5eba7d;
    transform: translate3d(0, -50px, 0);
    transition: opacity 0.5s, transform 0.5s;
    z-index: 99; }
  body::before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    transition: opacity 0.3s;
    z-index: 98; }
  body.success::after {
    transform: translate3d(0, 0, 0); }
  body.initLoading::before {
    background: #f2f2f2; }
  body > svg.loading {
    position: fixed;
    display: block !important;
    top: calc(50% - 18px);
    left: calc(50% - 18px);
    z-index: 99; }

h2 {
  font-size: 150%;
  font-weight: "%fontWeightNormal";
  color: #6494f4;
  margin: 0 0 15px 0; }

div.noticeBox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask: no-repeat center/32px;
  -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-info.svg);
  background-color: #aaa; }

div.noticeBox::before {
  top: 0;
  bottom: 0;
  left: 15px;
  width: 32px;
  height: 32px;
  margin: auto; }

div.noticeBox > p {
  line-height: 150%;
  padding: 3px 0 3px 40px; }

div.noticeBox > h2 {
  padding: 0 0 0 40px;
  margin-bottom: 5px; }

ul.bulletList > li {
  position: relative;
  padding-left: 10px; }
  ul.bulletList > li::before {
    content: "-";
    position: absolute;
    left: 0; }

hr {
  border: none;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 15px 0; }

main button[type='submit'], a.button {
  margin: 10px 0; }

img[loading='lazy'] {
  transition: opacity 0.5s;
  opacity: 0; }
  img[loading='lazy'].lazyloaded {
    opacity: 1; }

p.premium {
  position: relative;
  margin: 20px 0;
  padding: 0 0 0 50px;
  font-size: 120%; }
  p.premium::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask: no-repeat center/32px;
    -webkit-mask-image: url(chrome-extension://__MSG_@@extension_id__/img/icon-premium.svg);
    background-color: #666; }
  p.premium::before {
    -webkit-mask-position-x: 0;
    pointer-events: none; }
  p.premium > span {
    display: block;
    margin-bottom: 3px; }
  p.premium > a {
    font-weight: "%fontWeightMedium";
    cursor: pointer;
    color: #6494f4;
    font-size: 80%; }

a.externalLink {
  display: inline-block;
  font-weight: "%fontWeightMedium";
  color: #6494f4;
  font-size: 90%;
  margin-top: 15px; }
  a.externalLink::before {
    content: attr(href); }

html[dir='rtl'] div.noticeBox::before {
  left: unset;
  right: 15px; }

html[dir='rtl'] div.noticeBox > p, html[dir='rtl'] div.noticeBox > h2 {
  padding-left: 0;
  padding-right: 40px; }

html[dir='rtl'] ul.bulletList > li {
  padding-left: unset;
  padding-right: 10px; }
  html[dir='rtl'] ul.bulletList > li::before {
    left: unset;
    right: 0; }

html[dir='rtl'] p.premium {
  padding-left: 0;
  padding-right: 50px; }
  html[dir='rtl'] p.premium::before {
    transform: scaleX(-1); }
